* {
    margin:0;
    padding:0;
  }
  html {
    background:#626061 url(../images/motif.gif) repeat 0 0;
    height:100%;
    width:100%;
  }
    acronym{
	color:#000000;
	cursor: help;
	border-bottom: #000000 1px dotted;
	position:relative;
}
  div#fond{
    text-align:center;;
    background: url(../images/fond.gif) repeat-x 0 0;
    padding-bottom:20px;
  }
  div#site{
    text-align:left;
    margin:0 auto;
    width:765px;
    margin-top:4px;
    background:#fff;
  }
  hr.visualClear{
    visibility:hidden;
    clear:both;
    heigth: 0px;
  }
  /*---------------------------------------------*/

  div#header{
    background: #fff url(../images/header.jpg) no-repeat 0 0;
    height:135px;
    position:relative;
  }
  /*---------------------------------------------*/

  div#header h1 a{
    display:block;
    position:absolute;
    top:18px;
    left:11px;
    width:143px;
    height:76px;
    text-indent:-5000px;
    text-decoration:none;
  }
  /*---------------------------------------------*/

  div#header div#animation{
    position:absolute;
    top:10px;
    left:321px;
  }

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

  div#header ul#conseilsGeneraux{
    width:177px;
    height:33px;
    float:right;
    position:absolute;
    top:12px;
    right:5px;
  }
  div#header ul#conseilsGeneraux li{
    list-style-type:none;
    display:inline;
  }
  div#header ul#conseilsGeneraux li a{
    text-indent:-5000px;
    text-decoration:none;
    display:block;
    float:left;
    height:33px;
    margin-right:1px;
  }
  div#header ul#conseilsGeneraux li a#hauteSavoie{
    width:43px;
    background: url(../images/conseils.gif) no-repeat 0 0;
  }
  div#header ul#conseilsGeneraux li a#savoie{
    width:50px;
    background: url(../images/conseils.gif) no-repeat -44px 0;
  }
  div#header ul#conseilsGeneraux li a#isere{
    width:30px;
    background: url(../images/conseils.gif) no-repeat  -95px 0;
  }
  div#header ul#conseilsGeneraux li a#drome{
    width:50px;
    background: url(../images/conseils.gif) no-repeat -126px 0;
  }

  div#header ul#conseilsGeneraux li a#hauteSavoie:hover{
    width:43px;
    background: url(../images/conseils.gif) no-repeat 0 -33px;
  }
  div#header ul#conseilsGeneraux li a#savoie:hover{
    width:50px;
    background: url(../images/conseils.gif) no-repeat -44px -33px;
  }
  div#header ul#conseilsGeneraux li a#isere:hover{
    width:30px;
    background: url(../images/conseils.gif) no-repeat  -95px -33px;
  }
  div#header ul#conseilsGeneraux li a#drome:hover{
    width:50px;
    background: url(../images/conseils.gif) no-repeat -126px -33px;
  }

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


  div#header div#menu {
    position:absolute;
    bottom:0;
    right:3px;
    border-bottom:1px solid #65704E;
    width:758px;
  }
  * html div#header div#menu{
    right:2px;
  }

  div#header div#menu ul{
     float:right;
     background: url(../images/menu.png) no-repeat 0 -1px;
     padding-left:55px;
  }
  * html div#header div#menu ul{
     background-image: url(../images/menu.gif);
  }

  div#header div#menu ul li{
    list-style-type:none;
    display:inline;
  }
  div#header div#menu ul li a{
    display:block;
    background:#5E7139;
    float:left;
    text-decoration: none;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    padding:0 4px;
    width:120px;
    w\idth:110px; /* hack pour que les versions 5.0 et 5.5 d'IE ne voit pas*/
    height:30px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    text-align:center;
    border-right:1px solid #fff;
    border-top:1px solid #55613E;
  }
  div#header div#menu ul li a:hover, div#header div#menu ul li a.select{
    background:#FCDF45;
    color:#5E7139;
  }


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

  div#separation {
    background: url(../images/separation.gif) repeat-x 0 0;
    height:18px;
    margin:0 4px;
  }
   div#separation hr{
    display: none;
  }

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

  div#menuGauche{
    float:left;
    display:inline;
    width:195px;
    padding-left:4px;
    background:#fff url(../images/menuGauche.gif) no-repeat 4px 0px;
  }
  body.pageAccueil div#menuGauche{
    background:#fff url(../images/menuGauche.gif) no-repeat 4px 53px;
  }

  div#menuGauche div#carte{
    width:195px;
    height:54px;
  }

  div#menuGauche div#sousmenu{
    margin-left:2px;
    background: url(../images/doubleFiletGauche.gif) no-repeat 0 2px;

  }
  div#menuGauche div#sousmenu ul{
    background: url(../images/doubleFiletGauche2.gif) no-repeat 0 100%;
    margin:0;
    padding:6px 0 4px 0;
  }
  div#menuGauche div#sousmenu ul li{
    list-style-type:none;
    margin:0;
    border-bottom:1px solid #fff;
    width:185px;
  }
  * html div#menuGauche div#sousmenu ul li{
    display /**/:inline; /* hack pour seulement les versions 5.0 et 5.5 d'IE */
  }
  div#menuGauche div#sousmenu ul li a{
    margin:0;
    padding:0;
    display:block;
    height:auto;
    width:185px;
    w\idth:115px;  /* hack pour que les versions 5.0 et 5.5 d'IE ne voit pas*/
    padding:4px 40px 4px 30px;
    font-size:11px;
    color:#51544D;
    text-decoration: none;
    background: #F6F0E0 url(../images/puceSoumenu.gif) no-repeat 10px 6px;
  }
  div#menuGauche div#sousmenu ul li a.select, div#menuGauche div#sousmenu ul li a.select:hover{
    color:#5D7039;
    background: #FCDF45 url(../images/puceSoumenuHover.gif) no-repeat 10px 6px;
    border:1px solid #5D7039;
    padding-top:3px;
    padding-bottom:3px;
    margin-left:-1px;
    font-weight:bold;
  }
  * html div#menuGauche div#sousmenu ul li a.select, * html  div#menuGauche div#sousmenu ul li a.select:hover{
    margin-left:0px;
    position:relative;
    left:-1px;
    width:187px;
    w\idth:115px;
  }

  div#menuGauche div#sousmenu ul li a:hover{
    background-color: #FAF7EE;
    text-decoration: underline;
  }
  div#menuGauche div#sousmenu ul ul {
    padding:0;
  }
  div#menuGauche div#sousmenu ul ul li{
    border:0;
    border-bottom:1px solid #E6E6E6;
  }
  div#menuGauche div#sousmenu ul ul li a{
    padding-left:40px;
    padding-right:10px;
    width:205px;
    color:#333;
    width:185px;
    w\idth:135px;  /* hack pour que les versions 5.0 et 5.5 d'IE ne voit pas*/
    background: #fefefe url(../images/puceNivo2.gif) no-repeat 25px 12px;

  }
  div#menuGauche div#sousmenu ul ul li a.select, div#menuGauche div#sousmenu ul ul li a.select:hover{
    border:none;
    background: #fefefe url(../images/puceNivo2-hover.gif) no-repeat 25px 12px;
    color:#CC6E0A;
    font-weight:normal;
    margin-left:0;
    padding-top:4px;
    padding-bottom:4px;
    border:0;
    width:185px;
    w\idth:135px;  /* hack pour que les versions 5.0 et 5.5 d'IE ne voit pas*/
    left:0px;
  }
  div#menuGauche div#sousmenu ul ul li a:hover{
    text-decoration: underline;
    background: #fefefe url(../images/puceNivo2.gif) no-repeat 25px 12px;
  }




  div#menuGauche form{
    float:left;
    display:inline;
    margin-top:8px;
    margin-left:14px;
  }
  div#menuGauche form fieldset{
    border:none;
  }
  div#menuGauche form input#search{
    width:118px;
    height:14px;
    background: #fff;
    border:1px solid #E88A18;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    padding:0 2px;
    color:#CD7513;
  }
  div#menuGauche form input#search_submit{
    background: none;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    border:none;
    font-weight: bold;
    color:#E88A18;
    width:20px;
    position:relative;
    top:1px;
    left:7px;
  }
  div#menuGauche ul{
    clear:both;
    margin-left:15px;
    padding-top:3px;
  }
  div#menuGauche ul li{
    list-style-type:none;
  }
  div#menuGauche ul li a{
    color:#5B7339;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:10px;
    padding-left:25px;
    height:13px;
    background: url(../images/sitemap.gif) no-repeat 0 0;
  }
  div#menuGauche ul li a:hover{
    background-position:0% 100%;
    text-decoration:none;
    color:#74A21C;
  }
  div#menuGauche div#actualites{
    width:185px;
    margin-left:2px;
    padding-top:16px;
    background: url(../images/actu.gif) no-repeat 0 2px;
    min-height:100px;
    margin-bottom:-15px;
  }
  div#menuGauche div#actualites h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-left:14px;
  }
  div#menuGauche div#actualites div.actu{
    margin-left:8px;
    border-bottom:1px solid #EBEBEB;
    padding-bottom:6px;
    width:170px;
    float:left;
    display:inline;
  }

  div#menuGauche div#actualites div.actu h5{
    color:#5B7339;
    font-size:11px;
    font-weight:normal;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    margin-top:7px;
  }
  div#menuGauche div#actualites div.actu h4{
    color:#5B7339;
    font-size:12px;
    font-weight:normal;
    margin-top:5px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    margin-bottom:5px;
  }
  div#menuGauche div#actualites div.actu img{
    padding:1px;
    border:1px solid #aaaaaa;
    float:left;
    display:inline;
    margin-right:10px;
  }
  div#menuGauche div#actualites div.actu p{
    color:#3E3D3B;
    font-size:11px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    margin-right:3px;
  }
  div#menuGauche div#actualites div.actu  a.lienSpe{
    color:#CC6E0A;
    margin-top:10px;
    font-size:10px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    padding-left:8px;
    background:url(../images/puce.gif) no-repeat 0 3px;
    float:left;
    display:inline;
  }
  div#menuGauche div#actualites div.actu  a.lienSpe:hover{
    text-decoration:none;
  }

  div#menuGauche div#actualitesInt{
    width:185px;
    margin-left:2px;
    padding-top:16px;
    background: url(../images/actu.gif) no-repeat 0 2px;
    height:50px;
  }
  div#menuGauche div#actualitesInt h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-left:14px;
  }

  div#menuGauche div#agendaInt{
    width:185px;
    margin-left:2px;
    padding-top:13px;
    background: url(../images/agendaInterieur.gif) no-repeat 0 2px;
    height:57px;
  }
  div#menuGauche div#agendaInt h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-left:14px;
  }
  div#menuGauche div#agendaInt a.lienSpe, div#menuGauche div#actualitesInt a.lienSpe{
    color:#CC6E0A;
    margin-top:10px;
    font-size:10px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    padding-left:8px;
    background:url(../images/puce.gif) no-repeat 0 3px;
    margin-left:10px;
    float:left;
    display:inline;
  }
  div#menuGauche div#agendaInt a.lienSpe:hover, div#menuGauche div#actualitesInt a.lienSpe:hover{
    text-decoration: none;
  }

  div#menuGauche div#themaInt{
    width:185px;
    margin-left:2px;
    margin-bottom:10px;
    font-size:11px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    color:#3E3D3B;
    float:left;
    display:inline;
  }
  div#menuGauche div#themaInt p{
    padding-left:7px;
    padding-right:7px;
  }
  div#menuGauche div#themaInt div{
    padding-bottom:15px;
    background:url(../images/gaucheSeparation.gif) no-repeat 0 100%;
    float:left;
  }

  div#menuGauche div#themaInt h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    background: url(../images/themaInt.gif) no-repeat 0 2px;
    padding-top:5px;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    padding-left:14px;
  }
  div#menuGauche div#themaInt h4{
    font-size:11px;
    font-weight:normal;
    color:#5E713A;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:7px;
  }
  div#menuGauche div#themaInt img{
    padding:1px;
    border:1px solid #aaaaaa;
    float:left;
    display:inline;
    margin-right:10px;
  }
  div#menuGauche div#themaInt a.lienSpe{
    color:#CC6E0A;
    font-size:10px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    padding-left:8px;
    background:url(../images/puce.gif) no-repeat 0 3px;
    margin-top:5px;
    float:left;
    display:inline;
    margin-left:7px;
  }
  div#menuGauche div#themaInt a.lienSpe:hover{
    text-decoration:none;
  }




  div#menuGauche div#rubPratiques{
    width:185px;
    margin-left:11px;
    margin-top:-10px;
  }
  body.pageAccueil div#menuGauche div#rubPratiques{
    margin-top:5px;
  }
  * html div#menuGauche div#rubPratiques{
    margin-top:-20px;
  }
  div#menuGauche div#rubPratiques h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#CC6E0A;
    font-size:14px;
    font-weight:normal;
  }

  div#menuGauche div#rubPratiques ul{
    margin-left:10px;
  }
  div#menuGauche div#rubPratiques ul li a#annuaire{
    background-image:url(../images/annuaire.gif);
  }
  div#menuGauche div#rubPratiques ul li a#liensUtiles{
    background-image:url(../images/liensUtiles.gif);
  }
  div#menuGauche div#rubPratiques ul li a#cartes{
    background-image:url(../images/cartes.gif);
  }
  div#menuGauche div#rubPratiques ul li a#publications{
    background-image:url(../images/publications.gif);
  }
  div#menuGauche div#rubPratiques ul li a#phototheque{
    background-image:url(../images/phototheque.gif);
  }


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

  div#contenu{
    float:right;
    display:inline;
    width:560px;
    margin-right:4px;
    font-size:11px;
    line-height:18px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
  }

  div#contenu p#chemin{
    margin-top:1px;
    font-size: 11px;
    color:#777777;
    margin-left:5px;
    margin-top:8px;
    margin-bottom:17px;
  }
  div#contenu p#chemin a{
    color:#5F7537;
    text-decoration: underline;
  }
  div#contenu p#chemin a:hover{
    text-decoration: none;
  }


  div#contenu h1.titre{
    font-size:22px;
    font-family:Century Gothic, Helvetica, sans-serif;
    font-weight:normal;
    color:#CC7009;
    margin-top:16px;
    margin-left:5px;
    margin-right:15px;
    padding-bottom:18px;
    margin-bottom:5px;
    background:url(../images/doubleFilet.gif) repeat-x 0 100%;
  }
  div#contenu div#article{
    margin-right:15px;
    margin-left:5px;
    color:#3E3D3B;
    text-align:justify;
  }
  

  
  div#contenu div#article h3{
    font-size:14px;
    font-family:Century Gothic, Helvetica, sans-serif;
    font-weight:normal;
    color:#CC7009;
    margin-bottom:10px;
    margin-right:20px;
  }
  body.pageAccueil div#contenu div#article h3{
    margin-bottom:0;
  }
  div#contenu div#article h6{
  	font-size:11px;
     	color:#3E3D3B;
  	font-weight: normal;
  }
  div#contenu div#article h2{
    	font-size: 12px;
    	color: #CC7009;
    	font-weight: bold;
  }
  div#contenu div#article h4{
    	font-size: 10px;
    	color: #5E7139;
    	font-weight: bold;
  }


  div#contenu div#article img.left{
    float:left;
    display:inline;
    margin-right:10px;
    border:1px solid #8D967B;
    padding:1px;
  }
  div#contenu div#article img.right{
    float:right;
    display:inline;
    margin-left:10px;
    border:1px solid #8D967B;
    padding:1px;
  }
  div#contenu div#article ul{
    list-style-position: inside;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:15px;
  }
  div#contenu div#article ul li{
    padding-left:15px;
    list-style-type: none;
    background:url(../images/puceFleche.gif) no-repeat 0 6px;
  }
  * html div#contenu div#article ul li{
    background-position:15px 6px;
  }
  div#contenu div#article ul ul li a{
    color:#CC6E0A;
  }
  div#contenu div#article ul ul ul{
    margin-top:5px;
  }
  div#contenu div#article ul ul ul li a{
    color:#5F7537;
  }
  div#contenu div#article ul ul ul ul{
    margin-top:5px;
    margin-bottom:5px;
  }
  div#contenu div#article ul ul ul ul li a{
    color:#555;
  }
  div#contenu div#article ul ul ul ul ul li a{
    color:#CC6E0A;
  }

  body.pageAccueil div#contenu div#article img{
    border:0;
    padding:0;
  }

  div#contenu div#article table{
    border:0 solid #dedede;
    border-collapse: collapse;
    font-size:11px;
  }
 div#contenu div#article td{
    padding:5px ;
    border-left:0 solid #dedede;
  }

  div#contenu div#article .orange{
         background: #F6F0E0;
   
	float: left;
	padding: 5px;
	display: block;
  }
  div#contenu div#article .vert{
         background: #92B849;
   
	float: left;
	padding: 5px;
	display: block;
  }
  div#contenu div#article .jaune{
         background: #FEE74B;
   
	float: left;
	padding: 5px;
	display: block;
  }
  
  div#contenu div#article a{
    color:#CC7009;
  }
  div#contenu div#article a:hover{
    text-decoration:none;
  }
  body.pageAccueil div#contenu div#article br{
    margin-top:8px;
    line-height:8px;
    display:block;
  }
  div#contenu div#article a img{
    border:1px solid #8D967B;
    padding:1px;
  }
  div#contenu div#article a:hover img{
    border-color:#CC7009;
  }
  /*---------------------------------------------*/
  div#actuPage{
    min-height:200px;
  }
  * html div#actuPage{
    height:200px;
  }
  div.actuPageInt1{
    background: #FDF7F2;
  }
  div.actuPageInt1, div.actuPageInt2{
    border-bottom:1px solid #ededed;
    padding-bottom:10px;
    padding-top:3px;
    clear:both;
    float:left;
    width:99%;
    padding-left:5px;
    width:96%;
  }

  d\iv.actuPageInt1,  d\iv.actuPageInt2{
    width:99%;
  }


  div.actuPageInt1 h4, div.actuPageInt2 h4{
    color:#5B7339;
    font-size:14px;
    font-weight:normal;
    margin-bottom:10px;
  }
  div.actuPageInt1 img, div.actuPageInt2 img{
    float:left;
    display:inline;
    margin-right:10px;
  }
  div.actuPageInt1 p, div.actuPageInt2 p{
    line-height:14px;
    margin-bottom:5px;
  }
  div.actuPageInt1 a.lienSpe, div.actuPageInt2 a.lienSpe{
    margin-top:15px;
    float:left;
    display:inline;
  }
  div.actuPageInt1 a.lienSpeTelecharger,div.actuPageInt2 a.lienSpeTelecharger{
    margin-top:15px;
    float:left;
    display:inline;
    padding-left:20px;
    background:url(../images/publications.gif) no-repeat 3px 0px;
    line-height:13px;
  }


  div#contenu div#article div#pagination{
    border-bottom:1px solid #D0D0D0;
    padding-bottom:5px;
    width:96%;
    w\idth:100%;
    float:left;
    margin-top:5px;
  }
  div#contenu div#article div#pagination ul{
    margin:0;
    padding:0;
  }
  div#contenu div#article div#pagination ul li{
    list-style-type:none;
    display:inline;
    background: none ;
    padding:0;
    margin:0;
  }
 div#contenu div#article div#pagination ul li a, div#contenu div#article div#pagination ul li strong{
    display:inline;
    float:left;
    background: red;
    background: none;
    padding:0;
    margin:0;
    color:#5F7537;
    margin-right:10px;
  }
  div#contenu div#article div#pagination ul li strong{
    color:#CC7009;
  }



  div#telecharger{
    border:10px solid #f2f2f2;
    padding:10px;
    padding-bottom:20px;
    margin-top:10px;
    width:100%;
    background: url(../images/aaaa.jpg) no-repeat 100% 100%;
  }
  d\iv#telecharger{
    width:92.4%;
  }

  div#telecharger h4{
    color:#5B7339;
    font-size:14px;
    font-weight:normal;
    margin-bottom:15px;
    border-bottom:3px solid #f2f2f2;
    padding-bottom:5px;
    margin-top:-5px;
    text-align:center
  }
  div#telecharger h5{
    color:#CC7009;
    font-size:13px;
    font-weight:normal;
    margin-bottom:10px;
  }
  div#telecharger p{
    line-height:16px;
    margin-bottom:20px;
  }
  div#telecharger span.acrobat{
    margin-bottom:10px;
    display:block;
    height:32px;
    padding-left:40px;
    line-height:30px;
    background:url(../images/pdf-ico.gif) no-repeat 0 0;
  }

  div#telecharger div{
    margin-bottom:10px;
    width:100%;
    background: #f6f6f6;
    float:left;
  }
  div#telecharger div strong{
    float:left;
    font-weight:normal;
    padding-left:20px;
    background:url(../images/puceFleche.gif) no-repeat 5px 6px;
  }
  div#telecharger div span{
    float:right;
    display:inline;
    margin-right:20px;
  }
  div#contenu div#article div#telecharger a.lienSpeRetour{
    color:#5B7339;
    padding-left:20px;
    background:url(../images/retour.gif) no-repeat 0 2px;
  }


  div#siteu{
    margin-top:15px;
    border-top:1px solid #eee;
    float:left;
    padding-bottom:15px;
    width:96%;
  }
  div#siteu div{
    padding-top:5px;
    border-bottom:1px solid #eee;
    padding-bottom:8px;
    padding-left:15px;
    float:left;
    width:100%;
  }
  div#siteu div.ligne2{
   background:#FDF7F2;
  }
  div#siteu div p{
    margin-bottom:3px;
    float:left;
    width:300px;
    padding-right:10px;
  }
  div#siteu div a {
    padding-left:15px;
    float:left;
    background:url(../images/puceFleche.gif) no-repeat 0px 6px;
  }


  form#modif {
    padding-top:5px;
  }
  form#modif fieldset{
    border:none;
    margin-bottom:20px;
  }
  form#modif fieldset label{
    margin-right:20px;
  }
  form#modif fieldset label#label1{
    margin-right:45px;
  }
  
  
  div#annuaireDiv{
    margin-bottom:4px;
    padding-bottom:20px;
    float:left;
    width:100%;
    border-bottom:1px solid #D0D0D0;
  }
  * html div#annuaireDiv{
    width /**/:96%;
  }

  div.annuaireBloc{
    width:155px;
    background: #fbfbfb;
    float:left;
    margin-left:5px;
    margin-bottom:5px;
    border:1px solid #ddd;
    padding:7px;
    color:#3E3D3B;
  }
  div.annuaireBloc strong{
    color:#555;
  }
  div.annuaireBloc h4{
    font-size:12px;
    color:#5F7537;
    font-weight:normal;
  }
  div.annuaireBloc h5{
    font-size:11px;
    color:#CC7009;
    font-weight:normal;
    margin-bottom:10px;
    padding-left:13px;
    background:url(../images/puceFleche.gif) no-repeat 0px 6px;
  }
  div.annuaireBloc address{
    font-style: normal;
  }
  div.annuaireBloc p{
    border-top:1px solid #ddd;
    padding-top:5px;

  }
  /*---------------------------------------------*/
  div#publicationDiv{
    border:10px solid #F2F2F2;
    padding:10px;
    margin-bottom:20px;
    width :100%;
  }
  d\iv#publicationDiv{
    width :92.4%;
  }

  table#publication{
    width:100%;
    border:1px solid #dedede;
    border-collapse: collapse;
    font-size:11px;
    color:#3E3D3B;
  }
  table#publication th{
    color:#5F7537;
    background:#fbfbfb;
    border:0;
    margin:0;
    border-bottom:1px solid #D8D8D8;
    padding: 2px 5px;
  }
  table#publication tr.entetetableau{
    height:25px;
  }
  table#publication td{
    padding:5px ;
    border-left:1px solid #ddd;
  }

  table#publication tr.lignetableau2{
    background: #F2F2F2;

  }
  /*----------------------- carte ----------------------*/
 div#carteDiv{
    border:10px solid #F2F2F2;
    padding:10px;
    margin-bottom:20px;
    width :100%;
  }
  d\iv#carteDiv{
    width :92.4%;
  }

  table#carte{
    width:100%;
    border:1px solid #dedede;
    border-collapse: collapse;
    font-size:11px;
    color:#3E3D3B;
  }
  table#carte th{
    color:#5F7537;
    background:#fbfbfb;
    border:0;
    margin:0;
    border-bottom:1px solid #D8D8D8;
    padding: 2px 5px;
  }
  table#carte tr.entetetableau{
    height:25px;
  }
  table#carte td{
    padding:5px ;
    border-left:1px solid #ddd;
  }

  table#carte tr.lignetableau2{
    background: #F2F2F2;

  }

  /*---------------------------------------------*/
  div#photothequeDiv{
    margin-bottom:4px;
    padding-bottom:20px;
    float:left;
    width:100%;
    border-bottom:1px solid #D0D0D0;
  }
  * html div#photothequeDiv{
    width /**/:96%;
  }

  div.photothequeBloc{
    background: #fbfbfb;
    float:left;
    margin-left:5px;
    margin-bottom:5px;
    border:1px solid #ddd;
    padding:7px;
    color:#3E3D3B;
    text-align:center;
  }
  html>body div.photothequeBloc{
    min-width:180px;
    min-height:180px;
  }
  * html div.photothequeBloc{
    width:180px;
    height:180px;
    overflow:hidden;
  }
  
  div#contenu div#article div.photothequeBloc strong{
    color:#555;
  }
  div#contenu div#article div.photothequeBloc h4{
    font-size:13px;
    color:#5F7537;
    font-weight: bold;
    text-align: left;
  }
  div#contenu div#article div.photothequeBloc h5{
    font-size:10px;
    color:#CC7009;
    font-weight:normal;
    margin-bottom:5px;
    padding-bottom:5px;
    text-align: left;
    border-bottom:1px solid #ddd;
  }
  div#contenu div#article div.photothequeBloc img{
    margin-top:5px;
  }
  div#contenu div#article div.photothequeBloc p{
    margin:0;
    padding:0;
    text-align: left;
  }
  
  
  
/*---------------------------------------------*/
  div#infosPortail{
    border:1px solid #D0D0D0;
    border-left:0;
    border-right:0;
    margin-top:15px;
    float:left;
    position:relative;
    /*position:absolute;
    bottom:0;
    left:0;*/
  }
  div#infosPortail div#teteAffiche {
    width:280px;
    margin-left:2px;
    line-height:12px;
    color:#3E3D3B;
    background:  url(../images/teteAffiche.gif) no-repeat 0 3px;
    float:left;
    border-right:1px solid #D0D0D0;
    padding-top:9px;
    padding-bottom:8px;
  }
  div#infosPortail div#teteAffiche h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-left:10px;
    margin-bottom:10px;
  }
  div#infosPortail div#teteAffiche h4{
    font-size:11px;
    font-weight:normal;
    color:#5E713A;
    margin-bottom:10px;
  }
  div#infosPortail div#teteAffiche img{
    padding:1px;
    border:1px solid #aaaaaa;
    float:left;
    display:inline;
    margin-right:10px;
  }
  div#infosPortail div#teteAffiche div{
    clear:both;
  }

  div#infosPortail a.lienSpe{
    color:#CC6E0A;
    font-size:10px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    padding-left:8px;
    background:url(../images/puce.gif) no-repeat 0 3px;
    margin-top:15px;
    float:left;
    display:inline;
  }
  div#infosPortail a.lienSpe:hover{
    text-decoration:none;
  }

  div#infosPortail div#agenda{
    width:248px;
    line-height:12px;
    color:#3E3D3B;
    background:  url(../images/agenda.gif) no-repeat 5px 3px;
    float:left;
    padding-left:8px;
    padding-right:5px;
  }
  div#infosPortail div#agenda h3{
    font-family:Century Gothic, Helvetica, sans-serif;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-left:5px;
    margin-bottom:10px;
    padding-top:9px;
  }
  div#infosPortail div#agenda h5{
    color:#5B7339;
    font-size:11px;
    font-weight:normal;
    padding-top:8px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
  }
  div#infosPortail div#agenda h4{
    color:#5B7339;
    font-size:12px;
    font-weight:normal;
    margin-top:15px;
    margin-bottom:8px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
  }
  div#infosPortail div#agenda a.lienSpe{
    position:absolute;
    bottom:8px;
  }
  /*---------------------------------------------*/
   div#menuIcones {
    float:left;
    width:100%;
    margin-bottom:1px;
    margin-top:30px;
   }
   div#menuIcones ul{
    float:right;
    height:30px;
    background: url(../images/borderIcones.gif) no-repeat 53% 0;
    padding-top:3px;
    margin-right:10px;
    display:inline;
   }
   div#menuIcones ul li{
    list-style-type: none;
    display:inline;
   }
   div#menuIcones ul li a{
    display:inline;
    float:left;
    padding-left:23px;
    text-decoration: underline;
    font-size:10px;
    line-height:18px;
    color:#5C7138;
    margin-right:10px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
   }
   div#menuIcones ul li#envoyerAmi a{
    background: url(../images/envoyer.gif) no-repeat 0 3px;
    margin-right:20px;
   }
   div#menuIcones ul li#imprimerPage a{
    background: url(../images/imprimer.gif) no-repeat 0 3px;
   }
   div#menuIcones ul li#envoyerAmi a:hover{
    background-position:0 -12px;
    color:#74A21C;
    text-decoration:none;
   }
   div#menuIcones ul li#imprimerPage a:hover{
    background-position:0 -17px;
    color:#74A21C;
    text-decoration:none;
   }
  /*---------------------------------------------*/


  body.pageAccueil div#footer{
    padding-top:30px;
  }
  body.pageAccueil div#footer ul li a, body.pageAccueil div#footer ul li span{
    background:url(../images/border.gif) no-repeat 0 60%;
  }
  div#footer{
    padding-top:0px;
    height:30px;
    clear:both;
    background:url(../images/footer.gif) repeat-x 0 100%;
    margin:0 4px;
  }
  div#footer ul{
    padding-top:11px;
    margin-left:170px;
    text-align:center;
    height:15px;
  }
  * html div#footer ul{
    padding-top:10px;
    padding-bottom:5px;
  }
  div#footer ul li{
    font-family: Arial, Helvetica, sans-serif;
    display:inline;
    color: #fff;
  }
  div#footer ul li a, div#footer ul li span{
    display:block;
    float:left;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    background:url(../images/border.gif) no-repeat 0 50%;
    padding: 0 7px;
    line-height:15px;
  }

  div#footer ul li.first_child span, body.pageAccueil div#footer ul li.first_child span{
    background:none;
  }
  div#footer ul li a:hover{
    text-decoration: underline;
  }
  div#footer a img{
    border:none;
    padding:0;
  }
  
 /*----------------------------*/ 
  #letter {
    padding-top:5px;
  }
 #letter fieldset{
    border:none;
    margin-bottom:20px;
  }
 #letter fieldset label{
    margin-right:20px;
  }
  #letter fieldset label#label1{
    margin-right:45px;
  }
  #letter fieldset input.inscrire{
  	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background: #5D7139;
	border: 1px outset #4C91AF;
	height:20px;
	padding: 0 3px;
 }
  
/*----------------------------*/
div#impression{
  display:none;
}



div#article input.search_submit{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background: #5D7139;
	border: 1px outset #4C91AF;
	height:20px;
	padding: 0 3px;
}