body{font-family:"lucida grande", georgia, helvetica, sans-serif;font-size:12px;line-height:14px;background:#dcd3b7;}
#manuscrit{position:absolute;top:0;left:-691px;}
#global-container{position:relative;width:894px;margin: 0 auto;background:url(main_FILES/bg-content.jpg) 0 0 repeat-y;min-height:780px;}
#container{width:870px;margin-left:10px;background:}
#col-left{float:left;width:190px;margin-left:0px; margin-right:0;background-color:#fff;}
#col-right{position:relative;width:650px;padding:40px 0 0 8px !important;padding:40px 0 0 6px;background-color:#fff;overflow:hidden;}
/*#col-left{position:absolute;left:0;width:210px;background-color:#fff;}
#col-right{position:absolute;width:650px;left:210px;padding:40px 0 0 8px;background-color:#fff;overflow:hidden;}*/




/* Page zoom */
body#page-zoom{font-family:"lucida grande", "lucida sans", helvetica, arial, sans-serif;font-size:12px;line-height:14px;background:#dcd3b7;}
#page-zoom #col-left{position:absolute;left:30px;width:220px;height:730px;padding-left:8px;background:#eee  url(main_FILES/ombreportee.jpg) 0 0 repeat-y;}
#page-zoom #col-right{position:absolute;width:721px;height:730px;left:248px;padding:0 !important;background:#fff  url(main_FILES/ombreportee2.jpg) 100% 0 repeat-y;}
#page-zoom #col-right img{display:block;margin:40px auto 0 auto;}
#page-zoom #col-left img{display:block;margin-bottom:20px;}
#page-zoom #col-left p.legende{margin:0 20px 15px 20px;font:bold 11px/14px "lucida grande", "lucida sans", helvetica, arial, sans-serif;color:#333;}
#page-zoom #col-left p.details{margin:0 20px 15px 20px;font:normal 11px/14px "lucida grande", "lucida sans", helvetica, arial, sans-serif;color:#333;}
#page-zoom #col-left span.copyright{display:block;margin:0 20px 15px 20px;font:normal 10px/12px "lucida grande", "lucida sans", helvetica, arial, sans-serif;color:#333;}


#col-right .content{width:469px;margin-left:12px;}
.galerie #col-right .content{width:auto;}
#col-right .content a{font:bold 12px/15px arial, sans-serif;color:#333;}
#col-right .content p{margin-bottom:20px;}
#page-publics #col-right a:hover{color:#c30005;}
#page-chercheurs #col-right a:hover{color:#ee3a5c;}
#page-visiteurs #col-right a:hover{color:#ff7027;}
#page-collectivites #col-right a:hover{color:#fcb600;}

/* Archives */

#col-left a.archives{display:block;width:190px;height:63px;line-height:67px;margin:10px 0px;background:#009247 url(main_FILES/bton_archives_over.jpg) 0 0;}
#col-left a.archives span{display:none;}
#col-left a.archives:hover{background:#00BC5B url(main_FILES/bton_archives_over.jpg) 0 -67px;}


/* Menu principal */

#col-right #nav{position:absolute;top:10px;left:8px !important;left:6px; z-index:3;}
#col-right #nav dl{position:absolute;width:161px;z-index:2;}
#col-right #nav dt{height:40px;width:160px;cursor:pointer;border-right:1px solid #fff;}
#col-right #nav dl dt a{font-weight:bold;display:block;height:35px;padding:5px 0 0 10px;text-decoration:none;color:#fff;}
#col-right #nav dl dt a:hover,
#col-right #nav dl dt a.hover{color:#333;}
#col-right #nav dd{width:159px;height:370px;background-color:#fff;border:1px solid #ccc;}
#col-right #nav dd ul li{height:auto !important;height:1%;}
#col-right #nav dd ul li a{zoom:1;display:block;margin:0 20px;padding:10px 0;font-size:11px;line-height:14px;text-decoration:none;color:#333;border-bottom:1px solid #ccc;}
#col-right #nav dd ul li a:hover{margin:0;padding:10px 20px;color:#333;border-bottom:1px solid transparent !important;border-bottom:1px solid #fff;}
#col-right #nav dd ul li.last a{border:none;}

#col-right #nav dl#publics{left:0;top:0;}
#col-right #nav dl#publics dt a{background-color:#c30005;}
#col-right #nav dl#publics dt a:hover,
#col-right #nav dl#publics dt a.hover,
#col-right #nav dl#publics dd ul li a:hover{background-color:#df0013;}
#page-publics dl#publics dt a{background:url(main_FILES/menu-on.png) repeat-x 100% 100%;color:#000;}

#col-right #nav dl#chercheurs{left:161px;top:0;}
#col-right #nav dl#chercheurs dt a{background-color:#ee3a5c;}
#col-right #nav dl#chercheurs dt a:hover,
#col-right #nav dl#chercheurs dt a.hover,
#col-right #nav dl#chercheurs dd ul li a:hover{background-color:#f67a99;}
#page-chercheurs dl#chercheurs dt a{background:url(main_FILES/menu-on.png) repeat-x 100% 100%;color:#000;}

#col-right #nav dl#visiteurs{left:322px;top:0;}
#col-right #nav dl#visiteurs dt a{background-color:#ff7027;}
#col-right #nav dl#visiteurs dt a:hover,
#col-right #nav dl#visiteurs dt a.hover,
#col-right #nav dl#visiteurs dd ul li a:hover{background-color:#ffa963;}
#page-visiteurs dl#visiteurs dt a{background:url(main_FILES/menu-on.png) repeat-x 100% 100%;color:#000;}

#col-right #nav dl#collectivites{left:483px;top:0;}
#col-right #nav dl#collectivites dt a{background-color:#fcb600;}
#col-right #nav dl#collectivites dt a:hover,
#col-right #nav dl#collectivites dt a.hover,
#col-right #nav dl#collectivites dd ul li a:hover{background-color:#fdd700;}
#page-collectivites dl#collectivites dt a{background:url(main_FILES/menu-on.png) repeat-x 100% 100%;color:#000;}

/* Langues */
#col-right #languages{height:30px;line-height:30px;padding-top:20px;margin-right:10px;margin-bottom:5px;border-bottom:1px solid #999;z-index:1;}
#col-right #languages a{font:italic 12px arial, sans-serif;text-decoration:none;color:#666;}
#col-right #languages a:hover{color:#333;}
#col-right #languages a.current{color:#999;}

/* Moteur de recherche */
#recherche{margin-left:380px; margin-top:-35px; display:block; position:absolute; z-index:2;}
#recherche label{float:left;padding:4px 20px 3px 2px;font:bold 11px arial, sans-serif;text-transform:uppercase;color:#666;background-color:#f0eeeb;display:inline;}
#recherche input{float:left;margin-right:1px;}
#recherche a{float:left;width:22px;height:22px;background:url(images/boutons/go.gif) 0 0 no-repeat;}
#recherche a:hover{background-position:0 -22px;}
#recherche a span{display:none;}



/* icones envoi ami - imprimer */

#col-right .icones{float:right;margin-right:1px;}
#col-right .icones a.envoi-ami,
#col-right .icones a.imprimer{float:left;width:20px;height:20px;}
#col-right .icones a.envoi-ami{margin-right:1px;background:url(main_FILES/picto_envoyer_off.jpg) 0 0 no-repeat;}
#col-right .icones a.imprimer{margin-right:9px;background:url(main_FILES/picto_imprimer_off.jpg) 0 0 no-repeat;}
#col-right .icones a.envoi-ami span,
#col-right .icones a.imprimer span{display:none;}
#col-right .icones a.envoi-ami:hover{background:url(main_FILES/picto_envoyer_roll.jpg) 0 0 no-repeat;}
#col-right .icones a.imprimer:hover{background:url(main_FILES/picto_imprimer_roll.jpg) 0 0 no-repeat;}

/* Footer */

#col-right #footer{width:auto !important;width:100%;margin-right:10px;padding:30px 0 40px 0;}
#col-right #footer ul{padding-top:5px;border-top:1px solid #999;height:20px;}
#col-right #footer ul li{display:inline;}
#col-right #footer ul li a{float:left;height:30px;line-height:30px;margin:0 10px;font-size:10px;text-decoration:none;color:#999;}
#col-right #footer ul li a:hover{color:#666;}
#col-right #footer ul li.on a{color:#333;}


/* Menu lateral */

ul#menu-lateral{margin-top:10px;margin-left:10px;padding:0 0 10px 0;border:1px solid #ccc;}
ul#menu-lateral li{height:auto !important;height:1%;}
ul#menu-lateral li a{display:block;padding:4px 10px 6px 10px;background-color:transparent;color:#000;font-weight:bold;font-size:15px;text-decoration:none;}
ul#menu-lateral li ul{padding-bottom:2px;}
ul#menu-lateral li.on ul li a{background-color:transparent;padding:4px 10px 4px 25px;}
ul#menu-lateral li ul li{line-height:12px;padding-bottom:2px;}
ul#menu-lateral li ul li a{padding:4px 10px;padding-left:25px;background-color:transparent;color:#666;font-weight:normal;font-size:12px;}
ul#menu-lateral li ul li.on a{color:#000;font-weight:bold;text-decoration:none;} 
ul#menu-lateral li ul li ul li{line-height:12px;} 
ul#menu-lateral li ul li ul li a{padding:2px 10px 2px 50px;font-weight:normal;font-size:11px;}
ul#menu-lateral li ul li.on ul li a{padding:2px 10px 2px 50px;font-weight:normal;color:#666;}
ul#menu-lateral li ul li.on ul li.on a{padding:2px 10px 2px 50px;color:#000;}


/* Publics */
#page-publics #filet{width:210px;padding-bottom:8px;background-color:#c30005;}
#page-publics ul#menu-lateral li.on ul li a{background-color:transparent;}
#page-publics ul#menu-lateral li a:hover,
#page-publics ul#menu-lateral li.on a:hover,
#page-publics ul#menu-lateral li ul li a:hover,
#page-publics ul#menu-lateral li ul li a:hover{background-color:#df0013;}
#page-publics ul#menu-lateral li.on a{background-color:#c30005;}
#page-publics ul#menu-lateral li ul li.on a{background-color:transparent;}
#page-publics ul#menu-lateral li ul li.on ul li a{text-decoration:none;}
#page-publics ul#menu-lateral li ul li.on ul li.on a{text-decoration:none;}

/* Chercheurs */
#page-chercheurs #filet{width:210px;padding-bottom:8px;background-color:#ee3a5c;}
#page-chercheurs ul#menu-lateral li.on ul li a{background-color:transparent;}
#page-chercheurs ul#menu-lateral li a:hover,
#page-chercheurs ul#menu-lateral li.on a:hover,
#page-chercheurs ul#menu-lateral li ul li a:hover,
#page-chercheurs ul#menu-lateral li ul li a:hover{background-color:#f67a99;}
#page-chercheurs ul#menu-lateral li.on a{background-color:#ee3a5c;}
#page-chercheurs ul#menu-lateral li ul li.on a{background-color:transparent;}
#page-chercheurs ul#menu-lateral li ul li.on ul li a{text-decoration:none;}
#page-chercheurs ul#menu-lateral li ul li.on ul li.on a{text-decoration:none;} 

/* Visiteurs */
#page-visiteurs #filet{width:210px;padding-bottom:8px;background-color:#ff7027;}
#page-visiteurs ul#menu-lateral li.on ul li a{background-color:transparent;}
#page-visiteurs ul#menu-lateral li a:hover,
#page-visiteurs ul#menu-lateral li.on a:hover,
#page-visiteurs ul#menu-lateral li ul li a:hover,
#page-visiteurs ul#menu-lateral li ul li ul li a:hover{background-color:#ffa963;}
#page-visiteurs ul#menu-lateral li.on a{background-color:#ff7027;}
#page-visiteurs ul#menu-lateral li ul li.on a{background-color:transparent;}
#page-visiteurs ul#menu-lateral li ul li.on ul li a{text-decoration:none;}
#page-visiteurs ul#menu-lateral li ul li.on ul li.on a{text-decoration:none;} 

/* Collectivites */
#page-collectivites #filet{width:210px;padding-bottom:8px;background-color:#fcb600;}
#page-collectivites ul#menu-lateral li.on ul li a{background-color:transparent;}
#page-collectivites ul#menu-lateral li a:hover,
#page-collectivites ul#menu-lateral li.on a:hover,
#page-collectivites ul#menu-lateral li ul li a:hover,
#page-collectivites ul#menu-lateral li ul li a:hover{background-color:#fdd700;}
#page-collectivites ul#menu-lateral li.on a{background-color:#fcb600;}
#page-collectivites ul#menu-lateral li ul li.on a{background-color:transparent;}
#page-collectivites ul#menu-lateral li ul li.on ul li a{text-decoration:none;}
#page-collectivites ul#menu-lateral li ul li.on ul li.on a{text-decoration:none;}

/* Surtitre rubrique */

#col-right h1{font-weight:bold;font-size:18px;padding-top:10px;margin-bottom:25px;}
#col-right h3{font-weight:bold;line-height:20px;font-size:18px;margin-bottom:30px;}

/* Publics */
#page-publics #col-right h1,
#page-publics #col-right h3 {clear:both;color:#c30005;}
/* Chercheurs */
#page-chercheurs #col-right h1,
#page-chercheurs #col-right h3{clear:both;color:#ee3a5c;}
/* Visiteurs */
#page-visiteurs #col-right h1,
#page-visiteurs #col-right h3 {clear:both;color:#ff7027;}
/* Collectivites */
#page-collectivites #col-right h1,
#page-collectivites #col-right h3 {clear:both;color:#fcb600;}

/* Titre rubrique */

#col-right h2{font-weight:bold;font-size:24px;line-height:24px;margin-bottom:65px;color:#000;}

/* Paragraphes */

#col-right p{line-height:16px;font-size:12px;color:#333;}

#col-right .petites-expos p{overflow:hidden;}
#col-right .petites-expos p img{float:left;margin-right:10px;}
#page-publics #col-right .petites-expos p a{color:#c30005;}
#page-chercheurs #col-right .petites-expos p a{color:#ee3a5c;}
#page-visiteurs #col-right .petites-expos p a{color:#ff7027;}
#page-collectivites #col-right .petites-expos p a{color:#fcb600;}

#page-publics #col-right .petites-expos p a:hover{color:#df0013;}
#page-chercheurs #col-right .petites-expos p a:hover{color:#f67a99;}
#page-visiteurs #col-right .petites-expos p a:hover{color:#ffa963;}
#page-collectivites #col-right .petites-expos p a:hover{color:#fdd700;}

/* Chapeau */

#col-right p.chapeau{width:469px;margin-bottom:30px;font-size:14px;line-height:18px;color:#333;font-style:italic;}

#col-right div.big-img-h{width:630px;margin-bottom:30px;}
#col-right div.mid-img-v{width:470px;margin-bottom:30px;}
#col-right div.big-img-h img,
#col-right div.mid-img-v img{display:block;}
#col-right div.big-img-h p,
#col-right div.mid-img-v p{float:right;width:120px;margin-top:10px;margin-right:25px;display:inline;}
#col-right div.big-img-h p span.legend,
#col-right div.mid-img-v p span.legend{line-height:14px;font-size:11px;color:#fff;}
#col-right div.big-img-h p span.copyright,
#col-right div.mid-img-v p span.copyright{line-height:12px;font-size;10px;color:#333;}

#col-right div.vig-img-v,
#col-right div.vig-img-h{margin-bottom:15px;}
#col-right div.vig-img-v img{margin-right:3px;}
#col-right div.vig-img-h img{margin-right:2px;}

#page-publics #col-right div.big-img-h,
#page-publics #col-right div.mid-img-v{background-color:#c30005;}
#page-chercheurs #col-right div.big-img-h,
#page-chercheurs #col-right div.mid-img-v{background-color:#ee3a5c;}
#page-visiteurs #col-right div.big-img-h,
#page-visiteurs #col-right div.mid-img-v{background-color:#ff7027;}
#page-collectivites #col-right div.big-img-h,
#page-collectivites #col-right div.mid-img-v{background-color:#fcb600;}

/* Fiches techniques */

#col-right ul#fiches-tech li{margin-bottom:20px;}
#col-right ul#fiches-tech li a{display:block;padding-left:20px;background:url(main_FILES/picto_pdf_off.gif) 0 0 no-repeat;}
#col-right ul#fiches-tech li a:hover{background:url(main_FILES/picto_pdf_roll.gif) 0 0 no-repeat;}

/* Galerie photo */

div#galerie{margin:0 0 50px 10px;overflow:hidden;padding-bottom:100px;}
div#galerie a img{display:block;border:1px solid #ccc;}
div#galerie a:hover img{border:1px solid #ff7027;}
div#galerie a{float:left;margin: 0 17px 17px 0;border:4px solid #fff;}
div#galerie a:hover{float:left;margin: 0 17px 17px 0;border:4px solid #ff7027;}

/* Tableaux */

#col-right div.liste-communes a.haut-page{float:right;width:20px;height:20px;margin-right:9px !important;margin-right:7px;background:url(main_FILES/retour.gif) 0 0 no-repeat;display:inline;}
#col-right div.liste-communes a.haut-page span{display:none;}
#col-right div.liste-communes a.haut-page:hover{background:url(main_FILES/retour_roll.gif) 0 0 no-repeat;}
#col-right span.district,
#col-right span.canton{display:block;width:610px;height:20px;padding-left:10px;font-weight:bold;font-size:18px;line-height:20px;color:#fff;}
#col-right span.district{background-color:#666;color:#fff;}
#col-right span.canton{margin-bottom:15px;background-color:#dcd3b7;color:#000;}
#col-right div.liste-communes h3{margin:0 0 15px 10px;pading:0;font-size:12px;line-height:12px;color:#000 !important;}
#col-right div.liste-communes dl{width:469px;margin-left:10px;}
#col-right div.liste-communes dt{font-weight:bold;}
#col-right div.liste-communes dd{margin-bottom:20px;}
#col-right div.liste-communes p {width : 469px}

table.communes{margin:0 0 25px 10px;;}
table.communes caption{margin-left:10px;font-weight:bold;padding-bottom:20px;}
table.communes th,
table.communes td{width:234px;height:16px;padding-left:10px;font-size:11px;line-height:14px;vertical-align:middle;}
table.communes th{height:30px;padding-top:5px;padding-bottom:5px;font-size:11px;line-height:14px;text-transform:uppercase;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:top;}
table.communes tr>th:first-child,
table.communes tr.even>td:first-child{border-right:1px solid #ccc;}
table.communes tr.odd td{background-color:#ebe6d6;}
table.communes tr.even td{background-color:#fff;}
 
/* Ajout Arnaud pour le plan de site : */

.csc-sitemap-level2 {
margin-left : 15px
}
.csc-sitemap-level3 {
margin-left : 30px
}
.csc-sitemap-level3 {
margin-left : 45px
}
/*  corrections jcc */

.content p strong, .liste-communes strong { font-weight: bold !important  }
.content p em, .liste-communes em { font-style: italic !important  }


table.communes3cols {margin:0 0 25px 10px;;}
table.communes3cols caption{margin-left:10px;font-weight:bold;padding-bottom:20px;}
table.communes3cols th,
table.communes3cols td{width:193px;height:16px;padding-left:10px;font-size:11px;line-height:14px;vertical-align:middle;}
table.communes3cols th{height:30px;padding-top:5px;padding-bottom:5px;font-size:11px;line-height:14px;text-transform:uppercase;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:top;}
table.communes3cols tr>th:first-child,
table.communes3cols tr.tr-even>td:first-child{border-right:1px solid #ccc;}
table.communes3cols tr.tr-odd td{background-color:#ebe6d6;}
table.communes3cols tr.tr-even td{background-color:#fff;}
table.communes3cols .tr-even .td-last {border-left:1px solid #ccc !important;}



#col-right div.big-img-h p, #col-right div.mid-img-v p, #col-right div.big-img-h p, #col-right div.mid-img-v p, #col-right div.big-img-h p, #col-right div.mid-img-v p {width: 120px !important;}

/* InfoBulle corps de texte */
a.info {
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #fff;
}

a.info:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

a.info span {
display: none;
}

a.info:hover span {
display: block;
position: absolute;
width:250px;
border:1px solid #ff7027;
background-color:#ff7027; 
color:#ffffff;
padding:6px;
font:12px/15px arial, sans-serif;color:#333;
}


.tx-tocmacmade-pi1 {margin-left: 10px; margin-bottom: 30px;}
.tx-tocmacmade-pi1 ul li a{zoom:1;display:block;font-size:11px;line-height:14px;text-decoration:none;color:#333;}


.csc-mailform-field
{
   height: 2em;
}

.csc-mailform label
{
   color: black;
   position: relative;
   top: .3em;
   float: left;
}

.csc-mailform div
{
   margin-bottom: 2px;
}

.csc-mailform input
{
   float: right;
}

.csc-mailform textarea

{
   margin:1em auto 1em auto;
   width: 100%;
   clear: both;
   float: left;
}

.csc-mailform-check
{
   margin-top: .5em;
}

.csc-mailform-submit
{
   clear: both;
   position: relative;
   top: .5em;
   float: right;
}

/***
Hack CSS pour IE7
*/

*+html .csc-mailform textarea
{
   height:5em;    white-space: normal;    display: inline-block;
}

*+html .csc-mailform-submit
{
   position: relative;
   top: .5em;
   float: none;    margin-top: 6em;
}

*+html .csc-mailform
{
   height:33em;
}

/* Readspeaker */

div#readspeaker {
  position: absolute;
  top: 96px;
  right: 60px;
  width: 200px;
  height: 40px;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
  color: #999999;
}