* {
	margin: 0;
	padding: 0;
}
html {
}
body {
	text-align: center;
	background: #2F585E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.pageAccueil {
	background: #154248 ;
}


body.pageAccueil div#site{
	text-align: left;
	margin: 41px auto 0;
	border-top: 0;
	width: 900px;
	background: #fff;
}
body.pageAccueil div#site div#fond{
	background: #fff url(../images/home_fond.jpg) no-repeat 10px 50px ;
	min-height: 442px;
	margin : 0;
	padding : 0;
	float: left;
	width: 900px;
	padding-bottom: 10px;
}
* html body.pageAccueil div#site div#fond{
	height: 442px;
}

body.pageAccueil  div#fond div#gauche{
	width: 600px;
	float: left;
	background : transparent;
}
body.pageAccueil div#droite{
	width: 280px;
	float: left;
}

/*----------------------------------*/
body.pageAccueil div#header {
	height: 112px;
	background: url(../images/header_2009.jpg) no-repeat 0 0;
	float: left;
	width: 900px;
}
body.pageAccueil div#header  a.espaceElu{
	float: right;
	border-left: 1px solid #8ebcc4;
	border-bottom: 1px solid #8ebcc4;
	color: #fff;
	font-size: 12px;
	text-decoration : none;
}
body.pageAccueil div#header  a.espaceElu span{
	padding : 7px 5px 5px 20px;
	background: url(../images/fleche.gif) no-repeat 2px 10px ;
	display : block;
	width: 80px;
	height: 18px;
}

body.pageAccueil div#fondmenu {
	margin: 0;
	padding: 0;
	height: 70px;
	background: url(../images/fond_menu.jpg) no-repeat 0 0;
	padding-top: 27px;
	width: 600px;
	z-index: 200;
}

/* @group Menu principal */

ul.menu {
	list-style: none;
	padding: 0;
	display:block;
	margin:0 0 0 0;
	float:left;
	width: 600px;
	position: relative;
	font-size: 13px;
	margin-left: 40px;
}
body div#header ul.menu {
	margin-top: 105px;
}

ul.menu li, ul.menu li a {
	display: block;
	height: 50px;
	width: 120px;
	color: #fff;
	text-decoration : none;
}
ul.menu li  {
	background: transparent;
	float: left;
	margin-right: 22px;
	width: 120px;
}

ul.menu li.MENU1, ul.menu li.MENU1 a {
	width: 100px;
}

ul.menu li.MENU2, ul.menu li.MENU2 a {
	width: 102px;
}
ul.menu li.MENU3, ul.menu li.MENU3 a {
	width: 110px;
}
/* Masquer le texte du span */
ul.menu li a span {
	display: block;
}

/* Survol */
ul.menu li:hover
 {
	background:  transparent;
}

ul.menu li ul li a span {
	display: none;
}
/* @end */




ul.menu  li ul {
	list-style-type : none;
	display:none;
	position:relative;
	padding: 5px;
	z-index:1000;
	margin:0;
	top: -16px;
	float : left;
	color: #fff;
	width: 160px;
	-moz-border-radius: 0 0 6px 0;
    -khtml-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
}

ul.menu  li.select a span {
	font-weight: bold;
}
ul.menu  li.MENU1 ul {
	background : #298396;
}
ul.menu  li.MENU1 ul  li{
	border-bottom: 1px solid #4bc5cf;
	height: 15px;
}
ul.menu  li.MENU1 ul li:hover{
	background : #4bc5cf;
}
ul.menu  li.MENU2 ul {
	background : #5e891e;
}

ul.menu  li.MENU2 ul li {
	border-bottom: 1px solid #80c020;
	height: 20px;
}
ul.menu  li.MENU2 ul li:hover{
	background : #80c020;
}
ul.menu  li.MENU3 ul {
	background : #bf4959;
}

ul.menu  li.MENU3 ul  li{
	border-bottom: 1px solid #e1728f;
	height: 15px;
}
ul.menu  li.MENU3 ul li:hover{
	background : #e1728f;
}
ul.menu  li.MENU4 ul {
	background : #3e8b93;
}

ul.menu  li.MENU4 ul li {
	border-bottom: 1px solid #5ac5ca;
	height: 25px;
}
ul.menu  li.MENU4 ul li:hover{
	background : #5ac5ca;
}
ul.menu li:hover  ul {
	display:block;
	
}
ul.menu  li ul li {
	margin: 0;
	display: block;
	height: 30px;
	width: 160px;
	line-height: 12px;
	padding: 5px;
	width: 140px;
}
ul.menu  li ul li  a{
	text-decoration: none;
	color: #fff;
	display:block;
	margin : 0;
	padding: 0;
}
ul.menu  li ul li  a span{
	color: #fff;
	display:block;
	margin : 0;
	padding: 0;
	width: 140px;
}




/* @end */



body.pageAccueil div#droite div#video{
	background : transparent;
	width: 280px;
	/*height: 160px;*/
	height: 80px;
	margin : 0;
	padding : 0;
	float: left;
}



/*----------------------------------------------------------------------------*/
body.pageAccueil div#decouvrir {
	font-size: 14px;
	line-height: 14px;
	color: #cb6690;
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-right: 5px;
}
/*----------------------------------------------------------------------------*/
body.pageAccueil div#liens_annexes {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-left: 72px;
	padding-left: 20px;
	color: #5b5557;
	font-size: 14px;
	line-height: 20px;
	border-left: 2px solid #d5d1d2;
	width: 419px;
}
body.pageAccueil div#liens_annexes a{color: #5b5557;}
/*----------------------------------------------------------------------------*/


body.pageAccueil  div#gauche  div.blocImage{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 30px;
}
body.pageAccueil  div#gauche  div.blocImage img{
	float: left;
	margin-left: 10px;
	z-index: 0;
}

/*----------------------------------------------------------------------------*/
body.pageAccueil div#droite div#actus {
	margin : 0;
	padding: 10px;
	float: left;
	width: 276px;
	margin-top: 30px;
	background: url(../images/fond_block.jpg) no-repeat 0 0;
	border : 0;
}
body.pageAccueil div#droite div#actus  h2 {
	margin: 0;
	padding: 0;
	color: #0d0f49;
	font-size: 14px;
	font-weight: bold;
}
body.pageAccueil div#droite div#actus  a{
  color: #434343;
  font-size: 12px;
}
body.pageAccueil div#droite div#actus  a.toutes{
  color: #a42267;
}
body.pageAccueil div#droite div#actus  ul,
body.pageAccueil div#droite div#actus  ul li
{
  list-style-type: none;
  padding: 0;
  margin : 0;
}
/*----------------------------------------------------------------------------*/
body.pageInterieur div#sousmenu div#telechargement,
div#telechargement {
	margin : 0;
	padding: 10px;
	float: left;
	margin-top: 30px;
	width: 276px;
	background: url(../images/fond_block.jpg) no-repeat 0 0;
	border : 0;
}

body.pageInterieur div#sousmenu div#telechargement{
	width: 150px;
}
body.pageInterieur div#sousmenu div#telechargement  h2,
div#telechargement  h2 {
	margin: 0;
	padding: 0;
	color: #0d0f49;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

body.pageInterieur div#sousmenu div#telechargement ul{
	list-style-type: none;
	width: 150px;
	margin: 0;
	padding: 0;
}
div#telechargement ul{
	list-style-type: none;
	width: 210px;
	margin: 0;
	padding: 0;
}

body.pageInterieur div#sousmenu div#telechargement ul li, div#telechargement ul li
{
	list-style-type: none;
	background: url(../images/picto_doc.gif) no-repeat 0 0;
	border-bottom: 1px solid #bf6595;
	padding-left: 20px;
}
body.pageInterieur div#sousmenu div#telechargement ul li a,
div#telechargement  a{
  color: #000;
  font-size: 12px;
  text-decoration : none;
}
div#telechargement  a.toutes{
  color: #bf6595;
}


/*----------------------------------------------------------------------------*/
body.pageInterieur div#site {
	text-align: left;
	margin: 41px auto 0;
	border-top: 0;
	width: 771px;
	background: #fff;
	position: relative;
}
body.pageInterieur div#site {
	margin: 14px auto 0;
}
body.pageInterieur div#contenu {
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
}
.center{
  text-align: center;
}
/*----------------------------------------------------------------------------*/
div#site div#print {
	display: none;
}
/*----------------------------------------------------------------------------*/
div#accessibiliylinks {
	padding: 0;
	background: none;
	margin: 0 auto;
	text-align: center;
	width: 760px;
	position: relative;
	top: 3px;
	font-size: 9px;
}
div#accessibiliylinks, div#accessibiliylinks a {
	color: #307F89;
}
div#accessibiliylinks a:hover, div#accessibiliylinks a:focus {
	color: #fff;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
acronym {
	cursor:help;
	border-bottom:1px dotted #D28442;
}
a {
	color: #307F89;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 13px;
	margin-top: 2px;
}

h3 {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 19px;
	margin-bottom: 5px;
	border-left:4px solid #8FC347;
	padding:4px 0;
	padding-left:5px;
}
h4 {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C95B3;
}
/*
ul {
	margin-left: 9px;
	margin-bottom: 16px;
}
li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 14px;
	line-height: 16px;
	background: url(../images/puce_article.gif) no-repeat  0px 5px;
}
*/
img.right, embed.right {
	float: right;
	display: inline;
	margin-left: 13px;
	border: 1px solid #A5A3A6;
	padding: 1px;
}
img.left {
	float: left;
	display: inline;
	margin-right: 13px;
	border: 1px solid #A5A3A6;
	padding: 1px;
}
input, select {
	border: 1px solid #358C9C;
	color: #000;
}
fieldset {
	border: none;
	margin-top: 10px;
}
table {
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-spacing: 0px;
}
table thead tr {
	background: #6DA8AE;
	color: #fff;
}

fieldset#affineur{
    border:1px solid #307F89;
    padding:10px;
    margin-bottom:10px;
    
}

fieldset#affineurTri{
    border:none;
    padding:10px;
    margin-bottom:10px;
    background:#38888f;
    color:white;
}

fieldset#affineurTri div{
    margin-top:5px;
}

input#affineur{
    float:right;
}


/*
table a{
    color: #fff;
}
*/

table a.lienVoir{
    color: #307F89;;
}
table td {
	padding: 2px;
	border: 1px solid #307F89;
}
table th {
	padding: 2px;
	border: 1px solid #307F89;
}
table#tableau td {
	border: none;
	background: #eee;
	border-bottom: 1px solid #fff;
	color: #307F89;
}
/*----------------------------------------------------------------------------*/
div.separation hr {
	display: none;
}
div.separation {
	background: url(../images/separation.gif) no-repeat 50% 0;
	height: 9px;
}
/*----------------------------------------------------------------------------*/
div.visualClear {
	clear: both;
	height: 1px;
}
div.visualClear hr {
	display: none;
}
span.oblig {
	color:#DF2953;
}
/*----------------------------------------------------------------------------*/
div#outils {
	height: 23px;
	background: #F6F6F6;
	border: 1px solid #E3E7E6;
	margin-right: 6px;
	overflow: hidden;
}
div#outils p {
	color: #989898;
	margin-top: 2px;
	margin-left: 15px;
	float: left;
	display: inline;
}
div#outils a {
	color: #658B98;
	text-decoration: underline;
}
div#outils span {
	color: #658B98;
}
div#outils a:hover {
	text-decoration: none;
}
/*----------------------------------*/
ul#outilsZoom {
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 6px;
}
ul#outilsZoom li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline;
}
ul#outilsZoom li a {
	width: 20px;
	height: 11px;
	display: inline;
	float: left;
}
ul#outilsZoom  li a span {
	display: none;
}
a#envoyerAmi {
	background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
a#zoomMoins {
	background: url(../images/zoomMoins.gif) no-repeat 0 0;
}
a#zoomPlus {
	background: url(../images/zoomPlus.gif) no-repeat 0 0;
}
a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover {
	background-position: 100% 0;
}

/*----------------------------------------------------------------------------*/
body.pageInterieur div#site {
	min-height: 460px;
}
* html body.pageInterieur div#site {
	height: 460px;
}
body.pageInterieur div#header {
	height: 140px;
	position: relative;
}
body.pageInterieur div.MENU1 {
	background:  url(../images/MENU1/1.jpg) no-repeat 0 0;
}

body.pageInterieur div#header h2 {
  overflow:hidden;
	position: absolute;
	top: 6px;
	left: 18px;
	width: 105px;
	height: 80px;
}
body.pageInterieur div#header h2 a {
	display: block;
	width: 105px;
	height: 80px;
  text-indent: -5000px;
	text-decoration: none;
}
body.pageInterieur div#header h3#rubTitre {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 14px;
	bottom: 4px;
	color: #307F89;
	font-weight: normal;
	font-size: 21px;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	width: 170px;
	background: #fff;
	text-align: center;
	padding:0;
	border:0;
	display:block;
	padding-bottom:17px;
}
/*----------------------------------------------------------------------------*/
ul.listCommunes {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.listCommunes#listComm1 {
	top: 35px;
	right: 162px;
}
ul.listCommunes#listComm2 {
	top: 35px;
	right: 0;
}
ul.listCommunes#listComm2 li a {
	text-align: left;
}
ul.listCommunes li {
	list-style-position: outside;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
ul.listCommunes li a {
	text-align: right;
	display: block;
	text-decoration: none;
	color: #CFE1E7;
	font-size: 10px;
	line-height: 13px;
	position: relative;
	width: 150px;
	z-index: 3000;
}
ul.listCommunes li a span {
	display: none;
	z-index: 9000;
}
ul.listCommunes li a:hover {
	background: none;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
ul.listCommunes li a:hover span {
	position: absolute;
	text-align: left;
	display: block;
	width: 146px;
	text-transform:  none;
	font-weight: normal;
	text-align: left;
	background: url(../images/bulleH.gif) no-repeat 0 0;
	padding-top: 12px;
	padding-left: 8px;
	padding-right: 0;
	font-size: 9px;
	cursor: pointer;
	text-decoration: none;
	border: none;
	font-weight: normal;
}
ul.listCommunes#listComm1 li a:hover span {
	background: url(../images/bulleH1.gif) no-repeat 0 0;
	padding-right: 8px;
	padding-left: 0;
	text-decoration: none;
}
ul.listCommunes li a:hover span em {
	display: block;
	padding: 8px;
	background: url(../images/bulleB.gif) no-repeat 0 100%;
	color: #555;
	font-style: normal;
	cursor: pointer;
	position: relative;
	z-index: 6000;
	text-decoration: none;
	border: none;
	margin-right: 10px;
}
ul.listCommunes#listComm1 li a:hover span {
	top: -20px;
	left: -50px;
	text-decoration: none;
}
ul.listCommunes#listComm2 li a:hover span {
	top: -20px;
	right: -50px;
	text-decoration: none;
}

/*----------------------------------------------------------------------------*/
body.pageInterieur div#menu ul {
	margin: 0;
	padding: 0;
	height: 40px;
	position: absolute;
	width: 550px;
	top: 98px;
	left: 9px;
}
body.pageInterieur div#menu ul li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	display: inline;
}
body.pageInterieur div#menu ul li a {
	float: left;
	display: inline;
	color: #EAF2F5;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	width: 110px;
	line-height: 16px;
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 0px;
	text-align: center;
}
body.pageInterieur div#menu ul li a:hover, body.pageInterieur div#menu ul li a:focus {
	text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
div#actus {
	margin-top: 34px;
	float: left;
	display: inline;
	margin-left: 21px;
	background: url(../images/blocActuMotif.gif) repeat-x 0 0;
	border-bottom:1px solid #316781;
}
div#actus div#agenda h2 {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	padding-bottom: 11px;
	color: #E0E9EE;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: -1px;
	line-height: 12px;
}
div#actus div#agenda a{
  padding-left:5px;
}
html body div#actus div#agenda a.lienSpe{
  line-height:14px;
  display:block;
}
div#actus h3 {
	color: #8DC443;
	font-size: 13.2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	padding:0;
}
div#actus h4 {
	margin: 0;
	padding: 0;
	color: #A5DEF1;
	margin-top: 20px;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 28px;
}
div#actus p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	margin-top: -2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-bottom: 4px;
	margin-right: 22px;
}
div#actus a {
	color: #A4DCF3;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div#actus a:hover {
	text-decoration: underline;
}
div#actus div#agenda {
	width: 235px;
	float: left;
	display: inline;
	background: url(../images/blocActuD.gif) no-repeat 100% 0;
}
div#actus div#agenda div.agendaG{
	padding-bottom: 6px;
	margin-top:-5px;
	background: url(../images/blocActuG.gif) no-repeat 0 0;
}
div#actus div#agenda h2 {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 11px;
}
div#agenda div.agendadet {
	padding: 0;
	margin: 0;
	margin-top: 7px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 10px;
	color: #666;
}
div#agenda div.agendadet h3 {
	border:0;
	padding:0;
	padding: 0;
	margin: 0;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #8DC443;
	padding-bottom:  5px;
}
div#agenda div.agendadet h5 {
	font-family:  "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #E0E9EE;
  margin:0;
  padding:0;
  margin-top:-4px;
  margin-bottom:3px;
}
div#agenda div.agendadet p{
  text-align: left;
}
body.pageInterieur div#droite div#article  div.evenement ul.calend {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 55px;
	height: 64px;
	float: left;
	display: block;
	background:  url(../images/date2.gif) no-repeat 2px 0px;
	padding-top:2px;
	text-align: center;
	color: #fff;
	margin-top:3px;
}
body.pageInterieur div#droite div#article  div.evenement  ul.calend li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	background: none;
	width: 50px;
	text-align: center;
	display: block;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

body.pageInterieur div#droite div#article  div.evenement ul.calend li acronym{
  border:none;
  text-decoration: none;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	cursor:help;
  
}
body.pageInterieur div#droite div#article  div.evenement ul.calend li span.date {
	font-family: Georgia, Times, serif;
	font-size: 24px;
	color: #8DC443;
	padding: 0;
	margin: 0;
	padding-top: 4px;
	display: block;
	height: 25px;
	color:#fff;
}
body.pageInterieur div#droite div#article  div.evenement ul.calend li#an {
	color:#fff;
}
body.pageInterieur div#droite div#article  div.evenement ul.calend li.annee{
	color:#888;
	font-size:9px;
	margin-top: 2px;
}

/*----------------------------------------------------------------------------*/
div#footer {
	width: 771px;
	margin: 7px auto 0;
	text-align: left;
	height: 30px;
}
div#footer ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
div#footer ul li span, div#footer ul li a {
	color: #f7f7f7;
	float: left;
	display: inline;
	margin-right: 7px;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
div#footer ul li a {
	background: url(../images/sep.gif) no-repeat 0 3px;
	padding-left: 7px;
}
div#footer ul li a:hover {
	text-decoration: underline;
}
div#footer ul li a#noe {
	float: right;
	background: none;
	padding-left: 0;
	margin:0;
}
/*----------------------------------------------------------------------------*/
body.pageInterieur div#sousmenu {
	width: 175px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 4px;
}
body.pageInterieur div#sousmenu div#smenu {
	margin: 0;
	padding: 0;
	background:  url(../images/sousmenu3.jpg) no-repeat 0 0;
}
body.pageInterieur div#sousmenu div#smenu div {
	background: url(../images/sousmenuBas3.gif) no-repeat 0 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
body.pageInterieur div#sousmenu div#smenu  ul {
	margin: 0;
	padding: 0;
	margin-top: -3px;
}
body.pageInterieur div#sousmenu div#smenu  ul li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	display: inline;
}
body.pageInterieur div#sousmenu div#smenu ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	padding-left: 21px;
	line-height: 19px;
	display: block;
	border-bottom: 1px solid #77ADB4;
	margin-right: 1px;
}
body.pageInterieur div#sousmenu div#smenu ul li a.select {
	font-weight: bold;
	background: url(../images/puce.gif) no-repeat 10px 9px;
}
body.pageInterieur div#sousmenu div#smenu ul li a:hover, body.pageInterieur div#sousmenu div#smenu ul li a:focus {
	text-decoration: underline;
}
* html body.pageInterieur div#sousmenu div#smenu ul li ul {
	height: 10px;
}
body.pageInterieur div#sousmenu div#smenu ul li ul {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	min-height: 10px;
	padding-top:5px;
}
body.pageInterieur div#sousmenu div#smenu ul li ul li a {
	margin: 0;
	padding: 0;
	padding-left: 18px;
	border-bottom: none;
	background: url(../images/puceNivo2.gif) no-repeat 8px 10px;
	display: block;
	font-size:10px;
	margin-left:10px;
}
body.pageInterieur div#sousmenu div#smenu ul li ul li a.select {
	background: url(../images/puce.gif) no-repeat 6px 9px;
}
body.pageInterieur div#sousmenu div#smenu ul li ul li ul {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-left: 15px;
	border: none;
}
/*----------------------------------------------------------------------------*/
body.pageInterieur div#recherche {
	height: 54px;
	width: 174px;
	border-right: 1px solid #23555E;
	background: #6DA8AE;
	margin: 0;
	padding: 0;
}
html>body.pageInterieur div#recherche {
	margin-top: -10px;
}
div#recherche form fieldset {
	border: none;
}
div#recherche form fieldset input.search_value {
	color: #555555;
	background: url(../images/search.gif) no-repeat 0 0;
	border: none;
	font-size: 10px;
	width: 116px;
	height: 18px;
	padding-left: 7px;
	margin-top: 16px;
	margin-left: 13px;
	line-height: 18px;
}
html>body div#recherche form fieldset input.search_value {
	padding-top: 2px;
}
div#recherche form fieldset input.search_submit {
	color: #fff;
	background: none;
	border: none;
	font-size: 11px;
	font-weight: bold;
}
/*-----------------------------------*/
div#map {
	height: 89px;
	overflow: hidden;
	width: 175px;
	float: left;
	background: #fff url(../images/carte_icone.jpg) no-repeat 0 7px;
}
div#map a {
	font-size: 10px;
	text-decoration: none;
	display: block;
	width: 100px;
	margin-top: 30px;
	margin-left: 75px;
	color: #307F89;
}
div#map a:hover {
	text-decoration: underline;
}


/*-----------------------------------*/
div#actualites {
	margin : 0;
	padding: 10px;
	float: left;
	width: 276px;
	margin-top: 30px;
	background: url(../images/fond_block.jpg) no-repeat 0 0;
	border-bottom : 1px solid #ccc;
}

body.pageInterieur div#sousmenu div#actualites {
	width: 170px;
}
div#actualites  h2 {
	margin: 0;
	padding: 0;
	color: #0d0f49;
	font-size: 14px;
	font-weight: bold;
}
div#actualites  a{
  color: #434343;
  font-size: 12px;
  text-decoration: none;
}
div#actualites  a.toutes{
  color: #a42267;
}
div#actualites  ul,
div#actualites  ul li
{
	list-style-type: none;
}


/*-----------------------------------*/
body.pageInterieur div#droite {
	width: 574px;
	float: right;
	padding-left: 17px;
	padding-top: 15px;
	background: #fff;
}
body.pageInterieur p#chemin {
	font-size: 10px;
	display: inline;
	color: #aaa;
	height: 15px;
	float: left;
	margin-bottom:10px;
}
body.pageInterieur p#chemin a {
	text-decoration: underline;
}
body.pageInterieur p#chemin a:hover {
	text-decoration: none;
}
body.pageInterieur div#droite h1 {
	color: #307F89;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	background: url(../images/puceTitre.gif) no-repeat 0 0;
	height:39px;
	padding-top:5px;
	padding-left:34px;
}
body.pageInterieur div#droite div#article {
	margin-right: 31px;
	margin-bottom: 10px;
	width: 540px;
	text-align: justify;
	/*float:left;*/
}
body.pageInterieur div#droite div#article , div#droite div#article h6,div#droite div#article p{
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
/*----------------------------------------------------------------------------*/
body.pageInterieur div#footer {
	margin-top: 0;
	clear: both;
	background: url(../images/footer.gif) no-repeat 0 0;
	height: 50px;
	border-bottom: 3px solid #fff;
}
div#footer ul#outils {
	float: right;
	display: inline;
	margin-right: 9px;
	margin-top: 8px;
}
div#footer ul#outils li {
	list-style-position: outside;
	list-style-type: none;
	display: inline;
	background: none;
}
div#footer ul#outils li#firstChild a {
	background: none;
}
div#footer ul#outils li a {
	display: inline;
	float: left;
	font-size: 9px;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}
div#footer ul#outils li a:hover {
	text-decoration: underline;
}
/*---------------------*/
ul#creditsInt {
	margin: 0;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	border-top: 0;
	width: 771px;
	height: 18px;
	padding-top: 5px;
	padding-bottom: 20px;
}
ul#creditsInt li {
	list-style-position: outside;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
ul#creditsInt li a, ul#creditsInt li span {
	display: inline;
	float: left;
	text-decoration: none;
	color: #f7f7f7;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 9px;
	padding: 0;
	padding-left: 7px;
	margin-left: 7px;
	background: none;
	background: url(../images/sep.gif) no-repeat 0 3px;
}
ul#creditsInt li span {
	border-left: none;
	background: none;
	margin: 0;
	padding: 0;
}
ul#creditsInt li a:hover {
	text-decoration: underline;
}
*+html ul#creditsInt li a.lien_ext#noe{
	position: relative;
	top: 0px;
}
* html ul#creditsInt li a#noe {
	position: relative;
	top: 0px;
    padding-top:0;
}
ul#creditsInt li a#noe {
	float: right;
	background: none;
	margin: 0;
	padding: 0;
	position: relative;
	margin-left: 30px;
	/*top: -15px;*/
}




/*----------*/
div#article div#telecharger span.acrobat {
	background: #ededed;
	color: #66766C;
	display: block;
	padding: 5px;
	border: 1px solid #E2DCC6;
}
div#article div#telecharger span.acrobat a#abodeLink {
	display: block;
	padding-left: 20px;
	height: 20px;
	background:  url(../images/pdf.gif) no-repeat 0 0;
}
/*--------------- module evenements ------*/
div.evenement {
	border-bottom: 1px solid #ececec;
	padding-bottom: 10px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	margin-bottom:20px;
}
div.evenement h3{
	border:0;
	padding:0;
	font-size: 14px;
  margin:0;
	margin-bottom: 5px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #658F08;
}
div.evenement h5{
	font-family:  "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #307F89;
	margin-bottom: 10px;
}
div.evenement img {
	float: right;
	margin-left: 3px;
	margin-bottom: 5px;
}
div#article div.pagination {
	clear: both;
	
}
div#article div.pagination a.moispreced {
	float: left;
}
div#article div.pagination a.moissuiv {
	float: right;
}
/*--------------- module emploi ------*/
div#emploi input.submit {
	margin-left: 10px;
}
div#emploi fieldset label {
	margin-right: 10px;
}
/*--------------- module formulaire  ------*/
div#formulaire div.lignetableau2, div#formulaire div.lignetableau1 {
	display: block;
	padding: 5px;
	margin: 0;
	border-bottom: 2px solid #fff;
	clear: both;
}
div#formulaire label {
	text-align: left;
	font-weight: bold;
	width: 160px;
	float: left;
}
div#formulaire input.champs, div#formulaire input.case {
	font-weight: bold;
	float: left;
	width: 300px;
}
input.valider,input.inscrire,input.submit {
	margin: 0;
	background:  #38888F;
	color: #fff;
	height: 20px;
	border: 1px solid #23555C;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	padding:0;
}
span.loi {
	margin: 0;
	padding: 5px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #efefef;
	border: 1px solid #bbb;
	clear: both;
}
span.zoneOblig {
	float: right;
}
body.pageInterieur div#Detailrecherche div.rechercheDiv {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
body.pageInterieur div#Detailrecherche div.rechercheDiv h2 {
	padding: 0;
	margin: 0;
}

/*----------------------------------------------------------------------------*/
body.pageInterieur div#droite div#article ul {
	margin-left: 9px;
	margin-bottom: 16px;
}
body.pageInterieur div#droite  div#article ul li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 14px;
	line-height: 16px;
	background: url(../images/puce_article.gif) no-repeat  0px 5px;
}



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

div#plan{
  margin-top:20px;
  padding-bottom:20px;
   float: left;
   margin-left: 10px;
}
div#plan ul{
  margin-left: 20px;
  padding-bottom:10px;
}

/*----------------------------------------------------------------------------*/
form#contactForm {
	padding-bottom: 50px;
}
form#contactForm label {
	width: 150px;
	display: block;
	float: left;
	white-space: nowrap;
}
form#contactForm input, form#contactForm textarea {
	display: block;
	float: left;
	border:1px solid #358C9C;
}
form#contactForm div {
	border-bottom: 1px solid #DFDFDF;
	width: 100%;
	margin-bottom: 2px;
	float: left;
	padding: 3px 0;
}
form#contactForm input {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px;
	color: #000000;
}
form#contactForm textarea {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px;
	color: #000000;
}
form#contactForm div.cnil {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size:10px;
	line-height: 14px;
	padding : 10px;
}
form#contactForm div.cnil input.case {
	border: 0px;
	background: transparent;
	margin-right: 5px;
}
form#contactForm input.valider {
	background:  #38888F;
	color: #fff;
	height: 20px;
	border: 1px solid #23555C;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	float: right;
}
form#contactForm div img {
	border: 0;
	padding: 0;
}


/*---------------------------   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;
}
div.qcmquestion li{
  padding-bottom:4px;
  padding-left:30px;
	background: url(../images/puce_article.gif) no-repeat  10px 50%;
  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:50px;
}
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:  #38888F;
	color: #fff;
	height: 20px;
	border: 1px solid #23555C;
	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;
}


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

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


/*----------------------------------------------------------------------------*/
form.cv div{
  clear:both;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #eee;
}
form.cv label{
  width:130px;
  padding-right: 10px;
  float:left;
}
form.cv textarea{
  width:320px;
}

/*----------------------------------------------------------------------------*/
div#marche div.bloc div{
  border:3px solid #CADCB3;
  padding:0 10px 20px;
}

div#marche div.bloc div h2{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  border-bottom:1px solid #ddd;
  padding:10px;
  margin: 0 -10px 10px;
  font-weight: bold;
}

div#marche div.bloc div h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:5px;
  color:#5C8F11;
  font-size:12px;
}
div#marche div.candidat{
  background: #fcfcfc;
  padding: 20px;
  margin-bottom:20px;
  border:1px solid #ddd;
}
div#marche div.candidat h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:10px;
  color:#5C8F11;
  font-size:12px;
}


div.blocValeur{
  border:1px solid #358C9C;
  padding:10px;
  background: #eee;
}
div.blocValeurRouge{
  border:1px solid #9F1344;
  padding:10px;
  background: #eee;
}
div.blocValeurBleu{
  border:1px solid #1F829F;
  padding:10px;
  background: #eee;
}
div.blocValeurVert{
  border:1px solid #568817;
  padding:10px;
  background: #eee;
}


ul.leftListe{
  margin-top:10px;
  float:left;
  padding-bottom:20px;
  padding-right:80px;
}
ul.leftListe a:hover{
  text-decoration: none;
}


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

#achatpublic{
	min-height: 500px;
	border: 0px;
	margin: 0px;
	width: 100%;
}
* html #achatpublic{
  height:500px;
  width: 500px;
}


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


div.contactTrombi, div.contactTrombiDechet{
  float:left;
  display:inline;
  margin-bottom:1px;
  margin-right:2px;
  position:relative;
  width:85px;
  height:91px;


}

 div.contactTrombi a, div.contactTrombiDechet a{
  text-decoration: none;
  padding:0;
  margin:0;
  background: none;
  display:block;
  width: 85px;
  height: 85px;
  z-index:8000;
}

* html div.contactTrombi a, * html div.contactTrombiDechet a{
  text-decoration: none;
  height:49px;
  
}
 div.contactTrombi a:hover, div.contactTrombiDechet a:hover{
  background: #fff;
  text-decoration: none;
}
 div.contactTrombi span, div.contactTrombiDechet span{
  display:none;
 
}



 div.contactTrombi a:hover span, div.contactTrombiDechet a:hover span{
  display:block;
  position:absolute;
  top:-80px;
  left:35px;
  width:117px;
  height:70px;
  z-index:8000;
  line-height: 13px;
  font-size:10px;
  background: url(../images/bulle.gif) no-repeat 0 0;
  text-align:center;
  text-decoration: none;
  padding-top:17px;
  padding-left:5px;
  padding-right:5px;
}



 div.contactTrombi a img, div.contactTrombiDechet a img{
  padding:0;
  margin:0;
  vertical-align: baseline;
 	z-index:100;

}

html>body  div.contactTrombi, html>body div.contactTrombiDechet{
  margin-top:-5px;
}
/**************/

/*


div.contactTrombiDechet{
  float:left;
  display:inline;
  margin-bottom:1px;
  margin-right:2px;
  position:relative;
  width:85px;
  height:91px;

}

 div.contactTrombiDechet a{
  text-decoration: none;
  padding:0;
  margin:0;
  background: none;
  display:block;
  width: 85px;
  height: 85px;
  z-index:8000;
}

* html div.contactTrombiDechet a{
  text-decoration: none;
  height:49px;
}
 div.contactTrombiDechet a:hover{
  background: #fff;
  text-decoration: none;
}
 div.contactTrombiDechet span{
  display:none;
}



div.contactTrombiDechet a:hover span{
  display:block;
  position:absolute;
  top:-140px;
  left:35px;
  width:207px;
  height:140px;
  z-index:8000;
  line-height: 13px;
  font-size:10px;
  background: url(../images/bulleDechet.gif) no-repeat 0 0;
  text-decoration: none;
  padding-top:12px;
  padding-left:10px;
  padding-right:10px;
}



div.contactTrombiDechet a img{
  padding:0;
  margin:0;
  vertical-align: baseline;
 	z-index:100;
}

html>body  div.contactTrombiDechet{
  margin-top:-5px;
}
*/
/*----------------------------------------------------------------------------*/

div#webcam{
  width:150px;
  height:103px;
	position: absolute;
	background: url(../images/webcam.jpg) no-repeat 0 0;
	bottom:37px;
	right:345px;
}

div#webcam a{
  text-decoration: none;
  width:150px;
  height:103px;
  display:block;
  
}
div#webcam a span{
  visibility: hidden;
}


/**************************INSCRIPTION****************************/

div#site div#contenu div#droite div#article div#conteneur
{
    float:left;
    width:490px;
    padding-bottom: 50px;
}

option.formatSelect{
    font-weight:bold;
    font-style:italic;
}

div#site div#contenu div#droite div#article div#conteneur h3
{
margin-top:10px;
}

div#site div#contenu div#droite div#article div#conteneur  div{
  margin-top : 10px;
  margin-bottom:0px;
  padding:0px;
  border:none;
}

div#site div#contenu div#droite div#article div#conteneur   label{
  display:block;
  float:left;
  white-space:nowrap;
  width:210px;
}

div#site div#contenu div#droite div#article div#conteneur  div.oblig
{
  color:red;
  margin-top:0px;
}

div#site div#contenu div#droite div#article div#conteneur  img
{
    margin-left:0px
    margin-right:0px;
    margin-top:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px
    padding:0px;
}


div#site div#contenu div#droite div#article div#conteneur div.annonceValidForm
{
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
}

div#site div#contenu div#droite div#article div#conteneur div.annonceValidForm input.submit
{
    margin-left:15px;
    margin-right:15px;
    float:right;
}

div#site div#contenu div#droite div#article div#conteneur span
{
    margin-left:10px;
}

/*div#site div#contenu div#droite div#article div#conteneur form#annonce {
padding-bottom: 50px;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce h3 {
    margin-top:10px;
}*/


/*div#site div#contenu div#droite div#article div#conteneur form#annonce div{
  margin-top : 10px;
  margin-bottom:0px;
  padding:0px;
  border:none;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce  label{
  display:block;
  float:left;
  white-space:nowrap;
  width:200px;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce  div.oblig
{
  color:red;
  margin-top:0px;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce  img
{
    margin-left:0px
    margin-right:0px;
    margin-top:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px
    padding:0px;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce  div.annonceValidForm
{
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
}*/

/*div#site div#contenu div#droite div#article div#conteneur form#annonce div.annonceValidForm input.submit
{
    margin-left:15px;
    margin-right:15px;
    float:right;
}*/

div#site div#contenu div#droite div#article div#conteneur form#annonce div.cnil {
	
	margin-top: 10px;
	margin-bottom: 15px;
	font-size:10px;
	line-height: 14px;
	/*float:left;*/
	background:#D0EFA4;
	border:1px solid #638E23;
	width:490px;

}

div#site div#contenu div#droite div#article div#conteneur form#annonce input.case {
	border: 0px;
	background: transparent;
	margin-right: 5px;
	clear:both;
}

/**************************FIN INSCRIPTION****************************/


/* Liste des correspondance de permutation*/
div#site div#contenu div#droite div.blocPermutation{
    border-bottom:1px solid #62A1A8;
    margin-bottom:10px;
    padding-bottom:10px;
}

div#site div#contenu div#droite div.blocPermutation img{
    margin-right:4px;
}

div#site div#contenu div#droite div#afficheAnnonce {
    width:540px;
    margin-left:0px;
    float:left;
    margin-bottom:20px;
}


div#site div#contenu div#droite div#afficheAnnonce div.annonceLigne{
  margin-top : 10px;
  margin-bottom:0px;
  width:550px;
  padding:0px;
  float:left;
  border:none;
}

div#site div#contenu div#droite div#afficheAnnonce div.annonceLigne label.labelform{
  display:block;
  float:left;
  white-space:nowrap;
  width:230px;
  font-weight:bold;
}

div#site div#contenu div#droite div#conteneur fieldset.listPhoto{
    width:500px;
    margin-left:0px;
    float:left;
    border-width: 1px;
    border-color: #638E23;
    border-style:solid;    
}
div#site div#contenu div#droite div#conteneur fieldset.listPhoto legend{
    font-weight:bold;
    color:#666666;
}
div#site div#contenu div#droite div#conteneur fieldset.listPhoto img{
    
    margin-left:30px;
    
}

div#site div#contenu div#droite form#rechercheAnnonce{
    margin-bottom:5px;
}

div#site div#contenu div#droite form#rechercheAnnonce div.ligneAnnonce label{
    width:150px;
    float:left;
}

/* FORMULAIRE DE RECHERCHE D'UNE ANNONCE */
div#site div#contenu div#droite form#rechercheAnnonce div.ligneAnnonce{
    margin-bottom:10px;
}

div#site div#contenu div#droite form#rechercheAnnonce div.blocValeurRouge
{
    margin-bottom:5px;
}

div#site div#contenu div#droite table#statisticAnnonce {
    width:100%;  
}


/********************************** IDENTIFICATION  DEBUT **********************************/

div#identification form{
	margin-right: 50px;
	margin-left: 45px;
	margin-bottom: 15px;
	background-color:#f9f9f9;
	border : 1px solid #ccc;
	padding : 20px;
	margin-top: 20px;
}

div#identification fieldset{
	border: none;
}

div#identification div.ligneIdent{
    width:350px;
}

div#identification div.lignetableau2{
	margin-top: 20px;
}

div#identification div.ligneIdent label.colonne1{
	/*margin-left: 20px;
	margin-right: 15px;*/
	float:left;
	width:100px;
}

div#identification span.colonne2{
	margin-left: 20px;
}

div#identification form.identification input.submit{
	margin-left: 115px;
	margin-top: 20px;
}


fieldset#detailMotorisation{
    border-width: 1px;
    border-color: #638E23;
    border-style:solid;
    padding:10px;
}

fieldset#detailMotorisation legend{
font-weight:bold;
color:#666666;
}


/*GESTION DES ANNONCES*/
div.blocAnnonce{float:left;width:525px;border:1px solid #DFCD85;clear:both;display:block;margin-bottom:10px;padding:5px;}
div.blocAnnonce label{font-weight:bold;margin-right:10px;}
div.informationAnnonce{float:left;width:250px;}
a.enSavoirPlus{background : url(../images/puce_plus.gif) 0px 2px no-repeat;text-decoration: underline;padding-left: 20px;clear: both;float:left;margin-top: 10px;width : 150px;}

table#listAnnonce{
    margin-bottom:0px;
    border-collapse:collapse;
}
table#listAnnonce thead tr,table#listAnnonce thead tr:hover {
	background:none;
}

table#listAnnonce tr:hover
{
    background:#ebf3f4;
}

table#listAnnonce tr.ligneAnnonce{
    cursor:pointer;
    height:49px;
} 

table#listAnnonce  td
{
    border:none;
    text-align:center;
    border-bottom:1px solid #e5e5e5;
}

table#listAnnonce  td img
{
    z-index: 1;
}


table#listAnnonce  th {
	border:none;
	color:#61696a;
	text-align:center;
}

div#conteneurAnnonce{
    padding:1px;
    border:1px solid #eff0f0;
}


a.tooltip:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.tooltip img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}



a.tooltip
{
    position: relative;
}
 
a.tooltip span 
{
    display: none;
}

a.tooltip:hover
{
    text-decoration: none;
    background: none;
      /* correction d'un bug IE */
}


a.tooltip:hover span 
{   
    top:20px;
    left:60px;
    display: inline;
    position: absolute; 
    z-index: 10000;
    border:1 solid black;
    background: #ebf3f4;
    color: black;
    padding: 2px;
    text-decoration: none;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding:10px; 
}

/* 
 * meteo
 * Jeremy P
 * CALB
 * mars 2011
 */
.meteo {
	float:left;
	width:234px;
	margin-right:40px;
	margin-bottom:20px;
}
body.pageInterieur div#droite div#article .ongletUL ul {
	margin:0px;
}
body.pageInterieur div#droite div#article .ongletUL ul li {
	display:block;
	list-style:none;
	background-image:none;
	float:left;
	padding:0px;
}

body.pageInterieur div#droite div#article .ongletUL ul li a {
	cursor:pointer;
	display:block;
	padding:10px 20px;
	background:white;
	height:8px;
	width:50px;
	border-top:white 1px solid;
	border-left:white 1px solid;
	border-right:white 1px solid;
}
body.pageInterieur div#droite div#article .ongletUL ul li a.meteoActive {
	color:#BF6595;
	font-weight:bold;
	border-top:#BF6595 1px solid;
	border-left:#BF6595 1px solid;
	border-right:#BF6595 1px solid;
	border-bottom:white 2px solid;
	cursor:default;
}

body.pageInterieur div#droite div#article .ongletUL ul li a.meteoActive:hover {
	text-decoration:none;
}

#avenceeDiv {
	display:none;
}

table.nobg, table.nobg tr td, table.nobg tr, .nobg {
	background:none;
	border:none;
}

.record table {
	width:100%;
}
.cacheBlancMeteo {
	background:white;
	width:200px;
	height:30px;
	position:absolute;	
	z-index:1000000000000;
	display:block;
	overflow:hidden;
}
.flash {
	z-index:0;
	position:relative;
}

.flash embed {
	z-index:0;
	position:relative;	
}

body.pageInterieur div#droite div#article .ongletUL ul li a:hover {
 	color:#BF6595;
 }
.ongletUL {
	margin-bottom:20px;
	clear:both;
	height:30px;
	width:100%;
	border-bottom:#BF6595 1px solid;
	background:url("../images/fond_block.jpg") repeat;
}
.title_meteo {
	width:auto;
}

#generaleDiv {
	clear:both;
	margin-top:30px;
}

.record {
	overflow:hidden;
	margin:20px 0;
}

.record table tr td table {
	margin:0;
}
.record thead td {
	text-align:center;
}
.record > table > tr, .record > table > tr > td {
	height:50px;
}
.record table tr td table tr td {
	width:50%;	
	text-align:center
}

#wind_direct {
	float:left;
	margin-left:2;
	width:49%;
}

#wind_direct img {
	background:url(../images/vents_calb.png) no-repeat;
	margin-top:20px;
}

.pageMeteo h4 {
	border-bottom:#BF6595 1px solid;
	font-size:13px;
	font-weight:bold;
}
.pageMeteo h4 span {
	font-weight:normal;
}
.meteo table {
	margin:45px 0 5px 0;
}
.pageMeteo table, .pageMeteo table tr, .pageMeteo table tr td, .pageMeteo table tr th, .pageMeteo table thead {
	background:none;
	border:none;
}
.pageMeteo .baseline {
	color:black;
	font-size:10px;
	text-align:left;
	letter-spacing:-1px;
	clear:both;
	border-bottom:none;
}

#tableMeteo {
	overflow:hidden;
	margin:30px 0 10px 0;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.head li {
	display:block;
	float:left;
	padding:5px 5px;
	border-bottom:#307f89 1px solid;
	border-top:#307f89 1px solid;
	border-left:#307f89 1px solid;
	background:#6da8ae;
	margin-left:4px;
	list-style:none;
	width:150px;
	height:30px;
	color:white;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul li {
	text-align:center;
	list-style:none;
	background:none;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.head li.last {
	border-right:#307f89 1px solid;
}

body.pageInterieur div#droite div#article .pageMeteo .record ul.row1 li {
	display:block;
	float:left;
	padding:5px 5px;
	border-bottom:#307f89 1px solid;
	
	border-left:#307f89 1px solid;
	margin-left:4px;
	list-style:none;
	width:150px;
	height:30px;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.row1 li.last {
	border-right:#307f89 1px solid;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.row1 li.first {
	border:none;
	border-bottom:1px solid #950051;
	text-align:left;
	color:#950051;
	padding-top:10px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:10px;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.row1.row2 li {
	margin-top:2px;
}
.record .visualClear {
	height:0px;
}
body.pageInterieur div#droite div#article .pageMeteo .record ul.head li.first {
	border:none;
	
	text-align:left;
	margin-left:0px;
	margin-right:10px;
	background:none;
	border-top:1px solid white;
	border-bottom:1px solid #950051;
}	
body.pageInterieur div#droite div#article .pageMeteo .record ul li span {
	float:left;
	width:50%;
}
ul.grandeur li{
	border-bottom:#950051 1px solid;
	border-right:100px solid white;
	display:block;
}
.pageMeteo table tr td.grandeur.last {
	border-bottom:#950051 1px solid;
}
.pageMeteo table tr td.valueMiddle {
	border-bottom : #307f89 1px solid;
	border-left : #307f89 1px solid;
	border-top:2px solid white;
	border-right:10px solid white;
}

body.pageInterieur div#droite div#article .pageMeteo #tableMeteo ul li {
	list-style:none;
	display:block;
	background:none;
	float:left;
}

body.pageInterieur div#droite div#article .pageMeteo #tableMeteo ul li {
	width:68px;
	height:15px;
	padding:7px;
	padding-left:7px;
	padding-right:0px;
	border-bottom:#307f89 1px solid;
	border-right:#307f89 1px solid;
	border-left:#307f89 1px solid;
	font-weight:normal;
	font-size:11px;

}

body.pageInterieur div#droite div#article .pageMeteo ul li span.mini {
    border-right:#307f89 1px solid;
    width:49%;
}

body.pageInterieur div#droite div#article .pageMeteo ul.head li span.mini {
    border-right:white 1px solid;
}

body.pageInterieur div#droite div#article .pageMeteo #tableMeteo ul li.first {
	width:140px;
	color:#950051;
	border-left:none;
	border-right:none;
	margin-right:8px;
	border-bottom:1px solid #950051;	
}
body.pageInterieur div#droite div#article .pageMeteo #tableMeteo ul li.headerLi {
	background:#6da8ae;	
	color:white;
	border-top:#307f89 1px solid;
}

body.pageInterieur div#droite div#article .pageMeteo #tableMeteo ul {
	clear:both;	
	margin-left:0px;
	padding-top:2px;
	margin:0px;
}

#bandeauMeteo {
	margin-bottom:10px;
}

#veryGeneral {
	margin-bottom:30px;
	overflow:hidden;
}
#veryGeneral .fleft {
	width:371px;
	float:left;
	color:#666;
	font-weight:bold;
	font-size:13px;
}
#veryGeneral .fleft h2 {
	color:#98004f;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:-1px;
	margin-bottom:6px;
	font-weight:bold;
}

#veryGeneral .fleft h2 span {
	font-weight:normal;
	font-size:12px;
	color:#aaaaaa;
}
.temp {
	letter-spacing:-2px;
	color:#666;
	float:right;
	width:100px;
	text-align:right;	
}
body.pageInterieur div#droite div#article .pageMeteo #veryGeneral > p.baseline {
    padding-top: 20px;
    font-size: 1Opx; 
}
.temp h3 {
	border-left:none;
	color:#666;
	font-size:24px;
	margin-top: 0px;
	font-weight:bolder;
}


.textcenter.blocImage  {
    text-align: center;
    margin: 10px 0;
}