/* CSS Document */

*{
  margin:0;
  padding:0;
}
html{
  background: #68A3A7 url(../images/motifBody.jpg) repeat-x 0 0;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: url(../images/nuages.jpg) no-repeat 50% 0;
  padding-top:24px;
}

fieldset{
  border:none;
  margin-top: 10px;
}
select{
  min-width:130px;
}
/*---------------------- standard --------*/
div.separation hr {
	display: none;
}
div.separation {
	height: 9px;
}
/*----------------------------------------------------------------------------*/
div.visualClear {
	clear: both;
	height: 1px;
}
div.visualClear hr {
	display: none;
}
span.oblig {
	color:#DF2953;
}

span.marche {
	font-weight: bold; 

}
acronym {
	cursor:help;
	border-bottom:1px dotted #D28442;
}
/*----------------------------------------------------------------------------*/
div#print{
	display: none;
	}
/*----------------------------------------------------------------------------*/
div#site{
  width:898px;
  background: #fff;
  margin:0 auto 0;
  position:relative;
  border:1px solid #B7BDBD;
  border-bottom:0;
  background:#fff url(../images/colonneGauche.png) repeat-y 6px 0;
}
div#header{
  height:123px;
  position:relative;
  /*background: url(../images/header.jpg) no-repeat 6px 0;*/
  background: url(../images/header.gif) no-repeat 6px 0;
}
div#header h2{
  width:123px;
  height:90px;
  position: relative;
  top:7px;
  left:19px;
}
div#header h2 a{
  display: block;
  text-decoration: none;
  width:123px;
  height:90px;
  overflow:hidden;
}
div#header h2 a span{
  top:-5000px;
  position: relative;
}
div#sousheader{
  height:198px;
  margin:0 7px 0 6px;
  background: url(../images/sousheaderMotif.jpg) repeat-x 0 0;
}
div#sousheader div#article{
  background: url(../images/sousheader.jpg) no-repeat 0 3px;
  width:600px;
  height:195px;
  float:left;
  position: relative;
}
div#sousheader div#flash{
  width:282px;
  height:193px;
  float:left;
  display:inline;
  border-left:3px solid #fff;
  margin-top:3px;
  overflow:hidden;
  position:relative;
  right:-7px;
  background: #fff;
}
div#basAccueil{
  height:213px;
  background: #F7F8EF url(../images/motifBasAccueil.png) repeat-x 0 0;
  margin-left:6px;
  margin-right:6px;
}

hr {
  display:none;
}
a img{
  border:none;
}

/*----------------------------------------------------------------------------*/

div#planDuSite{
  position:absolute;
  top:-16px;
}
div#planDuSite a{
  text-decoration: none;
  font-size: 10px;
  font-family:  Arial, Helvetica, sans-serif;
  color:#434435;
  display:block;
  width:70px;
  padding-left:22px;
  background: url(../images/planDuSite.gif) no-repeat 6px 0;
}
div#planDuSite a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/

ul#menu{
  position:absolute;
  bottom:7px;
  right:10px;
}
ul#menu, ul#menu li{
  list-style-position:outside;
  list-style-type: none;
}
ul#menu li{
   display:inline;
}
ul#menu li a{
  display:inline;
  float:left;
  padding-left:8px;
  padding-right:8px;
  letter-spacing:0.3px ;
  color:#5E5E5E;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration: none;
  background: url(../images/sepMenu.gif) no-repeat 0 50%;
  height:20px;
  line-height:20px;
}
ul#menu li a.first{
  background: none;
}
ul#menu li a:hover{
  text-decoration: underline;
  background: #B94B6E;
  color: #fff;
}
ul#menu li a.select{
  text-decoration: none;
  background: #B94B6E;
  color: #fff;
}
/*----------------------------------------------------------------------------*/


h1{
  color:#547073;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-top:14px;
  padding-top:4px;
  padding-left:18px;
  background: url(../images/titreInt.png) no-repeat 0 0;
  height:25px;
}
body.pageAccueil h1{
  height:26px;
  padding-left:23px;
  padding-top:7px;
  width:520px;
  background: url(../images/titre.jpg) no-repeat 0 0;
}
div#sousheader div#article p{
  clear:both;
  line-height:18px;
  color:#fff;
  /*margin:5px 36px 0 16px;*/
  margin-left:5px;
  /*text-align: justify;*/
}
div#sousheader div#article h3{
  color: #fff;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif ;
  font-size:11px;
  line-height:18px;
  position: absolute;
  left:30px;
  bottom:10px;
  font-weight: bold;
  width:118px;
  text-align: right;
}
div#sousheader div#article ul{
  list-style-position: outside;
  list-style-type: none;
  position: absolute;
  left:173px;
  bottom:6px;
  width:415px;
  height:42px;
}
div#sousheader div#article ul li{
  list-style-position: outside;
  list-style-type: none;
  display:inline;
}
div#sousheader div#article ul li a{
  padding-left:10px;
  color: #fff;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif ;
  font-size:10px;
  line-height:14px;
  text-decoration: none;
  background: url(../images/sep.gif) no-repeat 1px 8px;
}
div#sousheader div#article ul li a.first{
  padding-left: 0;
  background: none;
}
div#sousheader div#article ul li a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/

div#evenements{
  width:415px;
  height:100px;
}
div#evenements h2{
  font-weight:normal;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif ;
  color:#A0A291;
  font-size:18px;
  position:relative;
  top:7px;
  background: url(../images/evenements.png) no-repeat 0 0;
  text-indent: -5000px;
  height:24px;
}

* html div.agendadet{
  width: 410px;
 }

div.agendadet{
  height:57px;
  margin-top:13px;
  margin-left:9px;
  float:left;
  display:inline;

}
ul.calend, ul.calend li{
  list-style-position: outside;
  list-style-type: none;
}
ul.calend{
  background: url(../images/date.png) no-repeat 0 0;
  width:44px;
  height:57px;
  text-align: center;
  float:left;
  display:inline;
  margin-right:10px;
}

ul.calend li span.date {
	display: block;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:24px;
  color:#fff;
  position:relative;
  top:4px;
}
ul.calend li acronym{
  border:none;
  text-decoration: none;
	cursor:help;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:12px;
  font-weight: bold;
  color:#fff;
  position:relative;
  top:-2px;
  left:1px;
  
}
ul.calend li.annee{
  color:#9AA7AB;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  position:relative;
  top:-1px;
}



div#evenements h3{
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  color:#B3635B;
  font-size: 11px;
  font-weight: bold;
  position:relative;
  top:-1px;
  display:inline;
}
div#evenements p{
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  color:#777;
  font-size: 10px;
  line-height:12px;
  margin-bottom:4px;
}
div#evenements a.lienSpe{
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  color:#779752;
  font-size: 10px;
  text-decoration: underline;
}
div#evenements a.lienSpe:hover{
  text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
ul#outilsZoom {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	margin-top: 10px;
}
ul#outilsZoom li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline;
}
ul#outilsZoom li a {
	width: 16px;
	height: 11px;
	display: inline;
	float: left;
}
a#zoomMoins {
	margin-right: 7px;
	background: url(../images/zoomMoins.gif) no-repeat 0 0;
}
a#zoomPlus {
	background: url(../images/zoomPlus.gif) no-repeat 0 0;
  margin-right:10px;
}
a#zoomMoins span, a#zoomPlus span {
	display: none;
}
a#zoomMoins:hover, a#zoomPlus:hover {
	background-position: 0 100%;
}
/*----------------------------------------------------------------------------*/


div#outilsIcones {
	margin: 0;
	width: 40px;
	float: right;
	display: inline;
	margin-top: 10px;
	margin-right: 10px;
}
div#outilsIcones ul {
	margin: 0;
	padding: 0;
}
div#outilsIcones ul li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline;
}
div#outilsIcones ul li a {
	width: 14px;
	height: 11px;
	display: inline;
	float: left;
}
div#outilsIcones ul li a span {
	display: none;
}
a#envoyerAmi {
	margin-right: 7px;
	background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
a#imprimer {
	background: url(../images/imprimer.gif) no-repeat 0 0;
}
a#envoyerAmi:hover, a#imprimer:hover {
	background-position: 100% 0;
}

/*----------*/


div#actualites{
  width:415px;
  height:75px;
}
div#actualites h2{
  font-weight:normal;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif ;
  color:#A0A291;
  font-size:18px;
  position:relative;
  top:1px;
  background: url(../images/actualites.png) no-repeat 0 0;
  text-indent: -5000px;
  margin-bottom:6px;
  height:24px;
}

div.actu h4{
  color:#B3635B;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  display:inline;
  float:left;
  margin-left:8px;
  margin-right:18px;
  font-weight: normal;
}
div.actu h3{
  color:#777;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  display:inline;
  float:left;
  margin-right:16px;
  font-weight: normal;
}
div.actu a.lienSpe{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  color:#779752;
  font-size: 10px;
  text-decoration: underline;
}
div.actu a.lienSpe:hover{
  text-decoration: none;
}


/*----------------------------------------------------------------------------*/

div#recherche{
  margin: 0;
  padding: 0;
  width:415px;
  float: left;
  background: url(../images/sepActu.gif) repeat-x 0 0;

}
div#recherche fieldset{
  margin: 0;
  padding: 0;
  border:none;
  float: left;
}
div#recherche fieldset label{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#888;
  margin-left:11px;
  margin-right:10px;
  float:left;
  line-height:20px;
  width:60px;
}
div#recherche input#recherche_champ{
  width:247px;
  height:17px;
  line-height:17px;
  border:1px solid #D3D4CE;
  background: #FDFDFB url(../images/rechercheLoupe.gif) no-repeat 6px 3px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#aaa;
  padding-left:25px;
  float:left;
  display:inline;
  margin-right:3px;
}
div#recherche input#recherche_submit{
  background: url(../images/rechercheBouton.gif) no-repeat 0 0;
  width:31px;
  height:19px;
  color:#929580;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  font-weight:bold;
  border:none;
}

/*----------------------------------------------------------------------------*/

div#basAccueil div#gauche{
  float:left;
  background: url(../images/sepGauche.gif) no-repeat 100% 0;
}

body.pageAccueil div#rubriques{
  background:  url(../images/sepRubriques.gif) no-repeat 100% 0;
  width:188px;
  height:213px;
  float:left;
}
div#rubriques div#blocAquaval{
  width:186px;
  height:98px;
}

div#rubriques ul{
  list-style-type: none;
  list-style-position: outside;
  margin-top:5px;
  margin-left:16px;
}
div#rubriques ul li{
  list-style-type: none;
  list-style-position: outside ;
  display:inline;
}
div#rubriques ul li a{
  font-family:Arial, Helvetica, sans-serif ;
  color: #777;
  font-size: 10px;
  text-decoration: none;
  padding-left:21px;
  height:16px;
  display:block;
  padding-top:2px;
  margin-bottom:2px;
  margin-right:25px;
}
div#rubriques ul li a:hover{
  text-decoration: underline;
}
div#rubriques ul li a strong{
  color:#7FA212;
}

div#rubriques ul li a#docus{
  background: url(../images/docus.gif) no-repeat 0 4px;
}
div#rubriques ul li a#annu{
  background: url(../images/annu.gif) no-repeat 0 2px;
}
div#rubriques ul li a#liens{
  background: url(../images/liens.gif) no-repeat 0 3px;
}
div#rubriques ul li a#marches{
  background: url(../images/marches.gif) no-repeat 0 0px;
}
div#rubriques ul li a#sondage{
  background: url(../images/sondage.gif) no-repeat 0 0px;
}
/*----------------------------------------------------------------------------*/

div#basAccueil div#droite{
  float:left;
  width:283px;
}
div#basAccueil div#droite ul, div#basAccueil div#droite ul li{
  list-style-type: none;
  list-style-position: outside;
}
div#basAccueil div#droite ul{
  float:left;
  height:213px;
}
div#basAccueil div#droite ul li{
  display:inline;
}
div#basAccueil div#droite ul li a{
  display:block;
  overflow:hidden;
}
div#basAccueil div#droite ul li a span{
  display:block;
  text-indent: -5000px;
}
div#basAccueil div#droite ul#colonne1{
  width:158px;
  background: url(../images/sepRubriques.gif) no-repeat 100% 0;
}
div#basAccueil div#droite ul#colonne2{
  width:125px;
  background: url(../images/sepActu.gif) repeat-x 0 97px;
}
div#basAccueil div#droite ul li a#diaporamaBlock{
  background: url(../images/diaporamaBlock.png) no-repeat 0 0px;
  width:123px;
  height:75px;
  margin-top:7px;
  margin-left:18px;
}
div#basAccueil div#droite ul li a#carteBlock{
  background: url(../images/carteBlock.png) no-repeat 0 0px;
  width:136px;
  height:112px;
  margin-top:8px;
  margin-left:7px;
}
div#basAccueil div#droite ul li a#dechetsBlock{
  background: url(../images/dechetsBlock.png) no-repeat 0 0px;
  width:118px;
  height:85px;
  margin-top:12px;
  margin-left:6px;
}
div#basAccueil div#droite ul li a#otBlock{
  background: url(../images/otBlock.png) no-repeat 0 0px;
  width:124px;
  height:99px;
  margin-top:2px;
}
/*----------------------------------------------------------------------------*/
div#footer{
  width:900px;
  margin:0 auto;
  background: url(../images/footerInt.jpg) no-repeat 0 0;
  padding-top:19px;
  position:relative;
  height:20px;
  top:-10px;
}
body.pageAccueil div#footer{
  background: url(../images/footer.jpg) no-repeat 0 0;
}
div#footer ul{
  list-style-type: none;
  list-style-position: outside;
  margin-left:16px;
}
div#footer ul li{
  color:#fff;
  display:inline;
  list-style-type: none;
  list-style-position: outside;
}

div#footer ul li span, div#footer ul li a{
  float:left;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif ;
  color:#fff;
  font-size:10px;
  text-decoration: none;
  margin-right:8px;
  padding-right:8px;
  display:inline;
  background: url(../images/sepFooter.gif) no-repeat 100% 3px;
}
div#footer ul li a#noe{
  float:right;
  margin-right:13px;
  padding-right:0;
  background: none;
}
div#footer ul li a:hover{
  text-decoration:underline;
}

/*-----------------------------------------------------------------------------*/


div#barreRecherche{
  height:41px;
  background:url(../images/barreRecherche.png) no-repeat 0 0;
  width:891px;
  position:relative;
  margin-left:6px;

}
div#barreRecherche form{
  float:right;
  width:273px;
}
div#barreRecherche form fieldset{
  border:none;
  padding-top: 5px;
}
div#barreRecherche form label{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:12px;
  color:#fff;
  margin-left:11px;
  margin-right:11px;
  float:left;
  line-height:20px;
  width: 70px;
  padding : 0;
   margin : 0;
}
div#barreRecherche form input#recherche_champ{
  width:127px;
  height:19px;
  line-height:17px;
  border:1px solid #510A2C;
  background: #ffffff url(../images/rechercheLoupe.gif) no-repeat 6px 3px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#aaa;
  padding-left:25px;
  float:left;
  display:inline;
  margin-right:3px;
}
div#barreRecherche form input#recherche_submit{
  color:#fff;
  height:19px;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:11px;
  font-weight:bold;
  border:none;
  background: none;
}



/*----------------------------------------------------------------------------*/

div#colonneGauche{
  width:167px;
  margin-left:6px;
  display:inline;
  float:left;
  padding-bottom:40px;
}

/*----------------------------------------------------------------------------*/
div#sousmenu ul{
  border-top:1px solid #E1E2C0;
  margin-top:-3px;
  border-bottom:1px solid #fff;
}

div#sousmenu ul, div#sousmenu ul li{
  list-style-type: none;
  list-style-position: outside;
}
div#sousmenu ul li{
  display:inline;
}
div#sousmenu ul li a{
  margin-right:1px;
  color:#444444;
  text-decoration: none;
  display:block;
  min-height:23px;
  line-height:23px;
  border-top:1px solid #fff;
  border-bottom:1px solid #E1E2C0;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:11px;
  background: url(../images/sousmenu.png) no-repeat 0 0;
}
* html div#sousmenu ul li a{
height:23px;
}

div#sousmenu ul li ul{
background: none;
}

div#sousmenu ul li ul li a{
  margin-right:1px;
  color:#444444;
  text-decoration: none;
  display:block;
  min-height:15px;
  line-height:15px;
  border-top:1px solid #fff;
  border-bottom:1px solid #E1E2C0;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:10px;


}

* html div#sousmenu ul li ul li a{
height:15px;
}


div#sousmenu ul li a span{
  display:block;
  padding-left:30px;
  background: url(../images/puceSousmenu.gif) no-repeat 15px 10px
}

div#sousmenu ul li ul li a span{
  padding-left:36px;
  background: none;
  background: #FCFEFF;
  display:block;
}

div#sousmenu ul li a:hover{
   text-decoration:underline;
}
div#sousmenu ul li a.select{
  background: none;
  background:#BE0680;
  color:#fff;
  font-weight: bold;
}
div#sousmenu ul li a.select span{
  background: url(../images/puceSousmenu2.gif) no-repeat 15px 10px;
}

div#sousmenu ul li ul li a.select span{
  background: none;
}

/*----------------------------------------------------------------------------*/

div#colonneGauche ul#modulesCMS{
  margin-top:4px;
}
div#colonneGauche ul#modulesCMS, div#colonneGauche ul#modulesCMS li{
  list-style-type: none;
  list-style-position: outside;
}

div#colonneGauche ul#modulesCMS li{
  display::inline;
}
div#colonneGauche ul#modulesCMS li a{
  display: block;
  text-decoration: none;
}
div#colonneGauche ul#modulesCMS li a#diaporamaBlock{
  background: url(../images/diaporamaBlockInt.png) no-repeat 0 0;
  width:166px;
  height:93px;
}
div#colonneGauche ul#modulesCMS li a#carteBlock{
  background: url(../images/carteBlockInt.png) no-repeat 0 0;
  width:166px;
  height:133px;
}

div#colonneGauche ul#modulesCMS li a span{
  visibility:hidden;
}


/*----------------------------------------------------------------------------*/
div#colonneGauche div#rubriques{
  width:150px;
  position:relative;
  left:10px;
  top:15px;
  background:none;
}
div#colonneGauche div#rubriques ul{
  margin:0;
}
div#colonneGauche div#rubriques ul li a{
  margin-bottom:10px;
  width:135px;
}
/*----------------------------------------------------------------------------*/

p#chemin {
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#777;
  margin-top:11px;
  margin-left:21px;

}
p#chemin a{
  text-decoration: underline;
  color:#A7605E;
}
p#chemin a:hover{
  text-decoration: none;
  color: #fff;
  background: #A7605E;
}
/*----------------------------------------------------------------------------*/

div#contenu{
  margin-right:0px;
  float:left;
  width:705px;
  padding-bottom:110px;
  display: block;
}


div#contenu ul li ul{
margin-left:10px;
}


div#contenu form input{
	 	 background: #f9f9f9;
	 	 border:1px solid #bbb;
	  	font-family: Arial, Helvetica, sans-serif;
	  	font-size: 10px;
    		padding:0 2px;
    		color:#555;
}
div#contenu h1{
  color:#547073;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-top:14px;
  padding-top:4px;
  padding-left:18px;
  background: url(../images/titreInt.png) no-repeat 0 0;
  height:25px;
}

/*----------------------- standard  -----------------------------------------------------*/
div#articleInt{
	width: 670px;
}
div#articleInt, div#articleInt h6{
  /*text-align: justify;*/
  line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#777;
  margin-top:24px;
  margin-left:22px;
  margin-right:17px;
  font-weight: normal;
 }
 div#articleInt h6{
  margin : 0;
  padding : 0;
}


div#articleInt ul {
  margin-left:9px;
  margin-bottom:16px;
}
div#articleInt ul li{
  list-style-type: none;
  list-style-position: outside;
  padding-left:14px;
  line-height:16px;
  background: url(../images/puceFleche.gif) no-repeat  0px 6px;
}

div#articleInt .right, div#articleInt p.right, div#articleInt td.right {
	text-align: right;
}

div#articleInt .left, div#articleInt p.left, div#articleInt td.left {
	text-align: left;
}

div#articleInt .center, div#articleInt p.center, div#articleInt td.center {
	text-align: center;
}

div#articleInt img.right {
  float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}
div#articleInt img.left{
  float:left;
  display:inline;
  margin-right:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}
div#articleInt table{
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-spacing: 0px;
}
div#articleInt table thead tr th{
   background: #E2DCC6;
   color: #66766C;
   padding: 2px;
   font-weight: normal;
    text-align: center;
   
}



div#articleInt table td{
    padding: 2px;
    border: 1px solid #6C8E48;
}

div#articleInt .right{
   text-align: right;
}

div#articleInt .left{
    text-align: left;
}
div#articleInt .center{
    text-align: center;
}

div#articleInt h2{
  font-size:14px;
  color:#B94B6E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#articleInt h4{
  font-size:12px;
  font-weight: normal;
  color:#6C8E48;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
div#articleInt h3{
  font-size:14px;
  background: #f7f7f7;
  padding:2px;
  border:1px solid #eee;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top:10px;
  width:96%;
  margin-bottom:5px;
}
div#articleInt h5{
  font-size:12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

div#articleInt a{
  color:#B94B6E;
}
div#articleInt a:hover{
  text-decoration: none;
}
div#articleInt ul{
  margin-left:15px;
}

/*------------------------------------pagination------------------------------*/

div#articleInt div#pagination{
    padding-bottom:5px;
    margin-top:10px;
    clear: both;
}
div#articleInt div#pagination ul{
	float: left;
    margin:0;
    padding:0;
}
div#articleInt div#pagination ul li{
    list-style-type:none;
    display:inline;
    background: none ;
    padding:0;
    margin:0;
}
div#articleInt div#pagination ul li a, div#pagination ul li strong{
    display:inline;
    float:left;
    background: none;
    padding:0;
    margin:0;
    margin-right:10px;
}

/*----------------------------------------------------------------------------*/

div#separationBas{
  width:669px;
  height:20px;
  position:absolute;
  bottom:10px;
  right:30px;
  z-index: 5000;
  background: url(../images/separationBas.png) no-repeat 0 0;
}
div#clearSep{
  height:1px;
  clear:both;
  overflow:hidden;
}

/*----------------------------------------------------------------------------*/
form label{
    width: 200px;
    display:block;
    float:left;
    white-space: nowrap;

}
form input, form textarea{
    display:block;
    float:left;
}
form div{
    border-bottom:1px solid #DFDFDF;
    width:100%;
    margin-bottom:2px;
    float:left;
    padding: 3px 0;
}
form input{
	  background: #f9f9f9;
	  border:1px solid #bbb;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10px;
    	padding:0 2px;
    	color:#555;
}


form textarea{
    background: #f9f9f9;
    border:1px solid #bbb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding:0 2px;
    color:#555;
    overflow:auto;
}
form div.cnil{
	margin-top: 10px;
	margin-bottom: 10px;
}
form div.cnil input.case{
	border: 0px;
	background: transparent;
}
form input.valider{
    background: #F1EEE7 ;
    color:#555;
    height: 20px;
    border:1px outset #809617;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
    float: right;
    padding:0 10px;

}
form input.case#diffusion{
  margin-right:5px;
}
form div img{
    border:0;
    padding:0;
}
div#contenu div#fichecommune form.saisie div input.case{
	border: 0px;
	padding: 0;
	margin: 0;
	clear: both;
}
/*----------------------------------------------------------------------------*/

div#siteu h3{
  background: none;
  border:none;
  width:100%;
  padding-bottom:0px;
  margin-bottom:10px;
  font-weight:bold;
}
div#siteu a{
  position:relative;
  top:5px;
  padding-left:13px;
  background: url(../images/puceFleche.gif) no-repeat 0 5px;
}
div#siteu div{
  padding-bottom:20px;
  border-bottom:1px solid #eee;
}

/*----------------------------------------------------------------------------*/
div#articleInt div#annuaireDiv label{
  padding-right:15px;
}
div#articleInt div.agendadet2, div#articleInt div.annuaireBloc, div#articleInt div.rechercheDiv{
 	float: none;
  border:none;
  background: none;
  border-bottom:1px solid #eee;
  padding-bottom:10px;
}
div#articleInt div.agendadet2 h3, div#articleInt div.actu h3, div#articleInt div.annuaireBloc h3, div#articleInt div.rechercheDiv h3{
  background: none;
  border:none;
  width:100%;
  padding-bottom:0px;
  font-weight:bold;
  font-size:13px;
  margin-bottom:10px;
}


div#articleInt div.annuaireBloc
{
  min-height:120px;

  width:680px;
}

div#articleInt div.annuaireBloc div
{

display:block;
position:absolute;
}




div#articleInt div.annuaireBloc  img
{
	margin: 0;
	padding: 0;
	float:right;

}


div#articleInt div.agendadet2 img{
	float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}

div#articleInt div.actu{
 	float: left;
  border:none;
  background: none;
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  width: 700px;
}

div#articleInt div.actu h3{
  padding:0;
  margin:0;
}
div#articleInt div.actu h4{
  background: none;
  border:none;
  width:100%;
  color:#B3635B;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:12px;
  margin:0;
  padding:0;
  font-weight: normal;
  margin-bottom:10px;
}
div#articleInt ul.calend2, div#articleInt ul.calend2 li{
  list-style-position: outside;
  list-style-type: none;
  margin:0;
  padding:0;
  background: none;
}
div#articleInt ul.calend2{
  background: url(../images/date.png) no-repeat 0 0;
  width:44px;
  height:57px;
  text-align: center;
  float:left;
  display:inline;
  margin-right:10px;
  padding-top:4px;
}
div#articleInt ul.calend2 li span.date {
	display: block;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:24px;
  color:#fff;
  position:relative;
  top:4px;
}
div#articleInt ul.calend2 li acronym{
  border:none;
  text-decoration: none;
	cursor:help;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:12px;
  font-weight: bold;
  color:#fff;
  position:relative;
  top:2px;
  left:1px;
}
div#articleInt ul.calend2 li.annee{
  color:#9AA7AB;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
  font-size:10px;
  position:relative;
  top:1px;
}
div#articleInt div.actu a.linkimg{
  float:left;
  display:inline;
  margin-right:10px;
}
div.rss{
  margin-top:10px;
}
div.rss a{
  text-decoration: none;
}
div#articleInt div.rss a:hover{
  text-decoration: underline;
}
div.rss a img{
  margin-right:5px;
  vertical-align: middle;
}


div#publication table thead th{
  font-weight: bold;
  background: #fff;
  border: 2px solid #fff;
  border-bottom: 2px solid #eee;
  text-align: center;
  color:#777;
  padding:0 5px;
  font-family: Arial, Helvetica, sans-serif ;

}
div#publication table{
	background: #F9F9F9;
  border-collapse: collapse;
  margin-top:15px;
}
div#publication table td{
  border: 2px solid #eee;
  padding:10px;
}
div#publication table td a{
  padding-left:15px;
  background: url(../images/puceFleche.gif) no-repeat 0 6px;
}
div#telecharger {
	border: 5px solid #F0F0F0;
	background: #F9F9F9;
  padding:0px 10px 10px;
  margin-top:15px;

}
span.acrobat{
	border: 1px solid #ddd;
	background: #fff;
	display: block;
	padding: 20px 10px;
}
span.acrobat a.lienSpe{
	display:block;
	color:#525252;
	margin: 0;
	text-decoration: underline;
	margin-left:5px;
	margin-top:2px;
  padding-left:15px;
  background: url(../images/puceFleche.gif) no-repeat 0 8px;
}
div#telecharger h3{
  background: none;
  border:none;
  padding:0;
  font-weight:bold;
  font-size:13px;
  color:#8AA56A;
  font-family: Arial, Helvetica, sans-serif ;
}
div#telecharger div ul{
  padding:0;
  margin:0;
  margin-top:12px;
  margin-bottom:20px;
  list-style-position: outside;
  list-style-type: none;
}
div#telecharger div ul li{
  background: none ;
  padding:0;
  margin:0;
  list-style-position: outside;
  list-style-type: none;
}
div#telecharger div ul li a{
  padding-left:15px;
  margin-left:15px;
  background: url(../images/puceFleche.gif) no-repeat 0 6px;
}
div#marcheBlock form{
  padding-top:10px;
}
div#marcheBlock label{
  float:left;
  width:150px;
}
div#marcheBlock div{
  margin-bottom:-10px;
  clear:both;
}


div#marcheRep {
  border:none;
  border:1px solid #bbb;
  width:100%;
  margin-top:20px;
  padding: 5px;
}


div#marcheRep span.question{
  font-weight: normal;
  background: #E2DCC6;
   font-size:11px;
  color: #66766C;
  display: block;
  border-bottom:1px solid #bbb;
  padding: 5px;
}

div#marcheRep span.question h3{
    border:none;
     font-size:13px;
     font-weight: normal;
    width:100%;
    padding : 0;
    margin: 0;
	background: #E2DCC6;
}



div#marche div.bloc div{
  border:3px solid #ddd;
  padding:10px;
  background: #fafafa;
}
div#marche div.candidat{
  border:1px solid #ccc;
  padding:10px;
  margin-top:20px;

}
div#marche div.candidat h3{
  background: none;
  border:none;
  width:100%;
  padding-bottom:10px;
  font-weight:bold;
  font-size:13px;
  margin-top:0px;
}
/*----------------------------------------------------------------------------*/
table.lexique{
	width : 300px;
}
table.lexique tr td{
	text-align : center;
}

/*---------------------------   QCM   ----------------------------------------*/

div#qcm img{
  vertical-align: middle;
}
div.qcmquestion{
  border:1px solid #ddd;
  float:left;
  width:540px;
  margin-bottom:20px;
}
div.qcmquestion div.qcmlibelle{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  padding:4px;
  border-bottom:1px solid #ddd;
  margin-bottom:10px;
}
div.qcmquestion div.qcmlibelle strong{
  font-family: Georgia,Times,serif;
  font-size: 14px;
}
div.qcmquestion ul{
  margin:0;
  padding:0;
  background: none;
}
div.qcmquestion li{
  padding-bottom:4px;
  padding-left:30px;
  border-bottom:1px solid #eee;
  float:left;
  width:510px;
}
div#qcm form div label{
  display:inline;
  float:left;
  width:70px;
}
div#qcm form div input{
  display:inline;
  float:left;
}
div#qcm form textarea{
  overflow:auto;
  width:226px;
  height:69px;
  color:#555;
}
div#qcm  select{
  width:250px;
}
div#qcm span.blocCom{
  display:inline;
  float:left;
  margin-left:2px;
  margin-top:4px;
  margin-bottom:10px;
  font-style: italic;
  height:90px;
}
div#qcm form input.case{
  border:none;
  float:none;
  position:relative;
  top:2px;
  left:-3px;
}
div#qcm form select{
  position:relative;
  top:2px;
  margin-bottom:2px
}
html>body div#qcm form input.case{
  position:relative;
  top:3px;
}
div#qcm form input.valider{
  float:none;
  clear:both;
  font-size:12px;
	background:  #B0046C;
	color: #fff;
	height: 20px;
	border: 1px solid #F6F7ED;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
div#qcm form div.lignetableau1,div#qcm form div.lignetableau2{
  clear:both;
  height:20px;
}
div#qcm form div.lignetableau1 label,div#qcm form div.lignetableau2 label{
 text-align : left;
 width: auto;
}
 

select, option {     
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#999999;         
      
 }

/*---------------------------   marche des communes   ----------------------------------------*/
div#identcommune h2{
	background: #fff url(../images/cadenas.jpg) no-repeat 0 0;
	height: 70px;
	padding-left: 60px;
	padding-top: 25px;
}

div#identcommune input.submit{
    background: #F1EEE7 ;
    color:#555;
    height: 20px;
    border:1px outset #809617;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
    padding:0 ;

}

div#articleInt table#marchecommune{
	width: 100%;
}