/* GENERAL
****************************************************************************************************/
body
  {
    font-family: Helvetica, Arial, sans;
    font-size:14px;
    color:#333;
    line-height: 1.5em;
    background: #f9f9f9;
  }
  
#wrapper
  {
    width: 950px;
    margin: 20px auto;
  }  

body.f a[href *="dhs"]:after 
  {
    content:url(../img/ico-dhs.gif);
    color:red;
    text-decoration: none;
  }
  
  
body.d a[href *="dhs"]:after 
  {
    content:url(../img/ico-hls.gif); 
    color:red;
    text-decoration: none;
  }
.atlastext_f:after 
  {
    content:url(../img/ico-ahj.png);
    color:red;
    text-decoration: none;
  } 
.atlastext_d:after 
  {
    content:url(../img/ico-haj.png);
    color:red;
    text-decoration: none;
  } 
  
body.f #notices-liste a[href *="dhs"]:after 
  {
    content:url(../img/ico-dhs-big.gif);
    color:red;
    text-decoration: none;
    margin: 0px 0 0 8px;
  } 
    
body.d #notices-liste a[href *="dhs"]:after 
  {
    content:url(../img/ico-hls-big.gif);
    color:red;
    text-decoration: none;
    margin: 0px 0 0 8px;
  } 
  
 .atlastext_big_f:after 
  {
    content:url(../img/ico-ahj-big.png);
    color:red;
    text-decoration: none;
    margin: 0px 0 0 8px;
  }  
  .atlastext_big_d:after 
  {
    content:url(../img/ico-haj-big.png);
    color:red;
    text-decoration: none;
    margin: 0px 0 0 8px;
  }  
 
  
.left  { text-align: left;}
.right { text-align: right;}  
.center { text-align: center;}

sup, sub { font-size: 75%;}

sup { vertical-align: super;}
sub { vertical-align: sub;}


.ico { vertical-align: middle; margin: 0 6px 0 0;}
  
 .small-caption
   {
     font-size: 12px;
     font-weight: bold;
     color:#FF9900;
   } 
  
/* EN-TETE
****************************************************************************************************/
#header
  {
/*
    background: #968f49;
    color:white;
    margin-bottom: 10px;
    padding: 10px;
    height: 80px;
    width: 950px;
    float:left;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
*/
    width: 950px;
    height: 140px;
    margin: 0 0 30px 0;
    float:left;


  }
  
.f #header 
  {
      background: url(../img/header-bg-f.png) no-repeat;
  }  
  
.d #header 
  {
      background: url(../img/header-bg-d.png) no-repeat;
  }    

#header h1 ,#header h2 
  {
    text-indent: -9999px;
    float:left;
  }  
  
    
  
#lang
  {
/*      position: relative; */
/*      top:-70px; */
/*      left:864px; */
float:right;
     height: 20px;
     text-align: right;
     width:50%;
     font-size: 12px;
     font-weight: bold;
     padding: 10px 20px 0 0;

  }  

#lang a, #header a
  { 
    color:#FF9900;
    text-decoration: none;
  }
  
#search
  {
/*
     position: relative;
     top:15px;
     left:575px;
*/
    float:right;
     text-align: left;
     width:450px;
     color:#FF9900;
     padding: 20px 20px 0 0;

  }  
  
#search form {
	float: right;
	width: 100%;
	text-align: right;
	padding: 0  6px 0 0;

}
  
.f #search select
  { width:135px;}  
 
.d #search select
  { width:155px;}    
#home
  {
    display: block;
    width: 260px;
    height: 100px;

  }  
  
#ceh
  {
  position : absolute;
    width: 200px;
    height: 32px;
    text-indent: -9999px;

    margin-top:60px; 

    /*
    right: 800px;
   z-index: 100;*/
  }  

/* MENU PRINCIPAL
****************************************************************************************************/
#nav 
  {
    margin: 10px 0 0 25px;
    float:left;
  }

#nav li
  { display:inline}
  
#nav a
  {
    text-decoration: none;
    display: block;
    width: 120px;
    height: 20px;
    float: left;
    text-align: center;
    color:#FF9900;
    font-weight: bold;
    margin: 0 10px 0 0;
    font-size:12.3px;
  }  
  
#accueil #m-accueil a,
#notices #m-consulter a,
#recherche_avancee #m-consulter a,
#atlas #m-atlas a,
#proposer #m-proposer a,
#a_propos #m-a_propos a,
#liens #m-liens a,
#contact #m-contact a
  {
    /* color:white;   */  
    color:#FFCC7D;
    background: url(../img/b-navatlas.png) left no-repeat;
  }  
  
#nav a:hover
  {  

    background: url(../img/b-navatlas.png) right no-repeat; 
    color:#863919;

/* 	color:white; */
  }

/* BARRE LATERALE
****************************************************************************************************/
#notices.detail #sidebar, #accueil #sidebar, #proposer #sidebar, #contact #sidebar, 
#liens #sidebar, #archives #sidebar, #envoyer #sidebar, #demande_modification #sidebar, #atlas.detail #sidebar, #atlas #sidebar
  {
    display:none
  }  

#sidebar
  {
    width: 160px;
    float:left;

    background: url(../img/sidebar-bg.png) no-repeat;
    height: 500px;
    margin: 0 20px 0 0;
    padding: 40px 0 0 0;
  
  }


#content #sidebar ul li
  {
      margin: 20px 0 0 0;
  }
    
#content #sidebar ul li a
  {
    display: block;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color:#FF9900;
    font-size: 14px;
    padding: 13px 0 0 0;
    font-weight: bold;
  }
  
#content #sidebar ul li.big a
  {
    display: block;
    height: 70px;
    vertical-align: middle;
	text-align: center;
    text-decoration: none;
    color:#FF9900;
    font-size: 14px;
    padding: 13px 0 0 0;
  }  
 
  
#content #sidebar ul li a:hover
  { 
    text-decoration: none; 
    border:0;
    background: url(../img/sidebar-hover.png) no-repeat;
    color:#863919;
  } 
  
#content #sidebar ul li.big a:hover
  { 
    text-decoration: none; 
    border:0;
    background: url(../img/sidebar-hover-big.png) no-repeat;
    color:#863919;
  }  
  
#content  #sidebar ul li a.selected
  {  
    color: #FFCC7D;
    font-weight: bold;
    background: url(../img/sidebar-sel.png) no-repeat;
  
  }  
  
#content  #sidebar ul li.big a.selected
  {  
    background: url(../img/sidebar-sel-big.png) no-repeat;
    color:#FFCC7D;
  
  }  
  
/* BARRE LATERALE ATLAS
****************************************************************************************************/
#atlas.detail #sidebaratlas
  {
    display:none
  } 

#sidebaratlas
  {
    width: 200px;
    float:left;

    background: url(../img/sidebaratlas-bg.png) no-repeat;

    margin: 0px 20px 0px 0px;
    padding: 10px 0 0 0;    
  
  }


#content #sidebaratlas ul li
  {
      vertical-align: middle;
  }
    
#content #sidebaratlas ul li a
  {
    display: block;
    height: 50px;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    color:#FF9900;
    font-size: 14px;
    padding: 13px 0 0 0;
    font-weight: bold;
  }
  
#content #sidebaratlas ul li.big a
  {
    display: block;
    height: 70px;
    vertical-align: text-bottom;
    text-align: center;
    text-decoration: none;
    color:#FF9900;
    font-size: 14px;
    padding: 13px 0 0 0;
  }  
 
  
#content #sidebaratlas ul li a:hover
  { 
    text-decoration: none; 
    border:0;
    background: url(../img/sidebaratlas-hover.png) no-repeat;
    color:#863919;
  } 
  
#content #sidebaratlas ul li.big a:hover
  { 
    text-decoration: none; 
    border:0;
    background: url(../img/sidebaratlas-hover-big.png) no-repeat;
    color:#863919;
  }  
  
#content  #sidebaratlas ul li a.selected
  {  
    color: #FFCC7D;
    font-weight: bold;
    background: url(../img/sidebaratlas-sel.png) no-repeat;
  
  }  
  
#content  #sidebaratlas ul li.big a.selected
  {  
    background: url(../img/sidebaratlas-sel-big.png) no-repeat;
    color:#FFCC7D;
  
  } 
  
     
  
/* INTERFACE
****************************************************************************************************/
h3.title
  {
    font-size: 18px;
    color: #A84720;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #A84720;
  } 
  
h4.title
  {
    font-size: 14px;
    color: #A84720;
    margin: 0px 0 6px 0;
    padding: 0 0 0 28px;
    line-height: 1.8em;
    border-bottom: 0;
  }   
  
h5.title
  {
    font-size: 14px;
    color: #A84720;
    margin: 0px 0 6px 0;
    padding: 0 0 0 0;
    line-height: 1.8em;
    border-bottom: 0;
  }     
    

  
/* NAVIGATION DANS LES NOTICES
****************************************************************************************************/
#nav_notices 
  {
    text-align: center;
    margin: 0px 0 16px 0;
    width:770px;
    float: left;
  }  
  
#nav_notices ul
  {
    float: left;
    margin: 0 0 0 0px;
  
  }  
  
#nav_notices li
  {
    display: inline;
    margin: 0;
    float:left;
 width: 9px;
  }  
  
#nav_notices li a
  {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    color:white;
    margin: 0 ;
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    background: url(../img/b-letters.png) no-repeat left;
    border: 0;

  } 
  
#nav_notices li a:hover
  { 
    background: url(../img/b-letters.png) no-repeat center;  
    color:white;
    text-decoration: none;
    border: 0;
  }
    
#nav_notices li a.selected
  {
    background: url(../img/b-letters.png) no-repeat right;  
    color:white; 
  }
  
#search_info, .search_info
  {
    text-align: center;
    margin: 0 0 10px 0;
    color: #5d5727;
  }  

/* CONTENU
****************************************************************************************************/
#content 
  {
    float:left;
  }
  
#content h1
  {
    font-size: 20px;
  }  
  
#content .gutter
  {
    margin: 0 0 0 0px;

        float:left;
        padding: 0;
  }

#content  a
  {
    color:#A84720;

    text-decoration: none;
  }
  
#content a:hover
  {
    text-decoration: none;
    border-bottom: 1px dotted#FF9900;
  }  

/* ACCUEIL
****************************************************************************************************/
#accueil .left-col
   {
     float:left;
     width:580px;
     margin: 0 20px 0 0;
   }
   
#accueil #notice-detail
  {
    width:520px;
    margin: 30px 20px 0 0;
  }   

#accueil #actu
   {
     float:left;
     width:320px;
      margin: 0px 0px 30 0;
   }



#accueil .right-col
   {
     float:left;
     width:320px;
      margin: 0px 0px 10 0;
   }
   
#accueil #atlas
  {
    width: 280px;
    float:left;
    margin: 0px 0 0px 20px;
  }   
  
#accueil #maj
  {
    margin: 0px 0 10 0px;
  }  
  
#accueil #soutiens
  {
    float:left;
    margin: 0px 0px 10 0;
    width: 320px;
  }  
   
.small-list
  {
    float:left;
    width:280px;
    margin: 0px 0 2px 0;
    font-size:12px;
  }  
.small-list-right
  {
    float:left;
    width:320px;
    margin: 0px 10 2px 0;
    font-size:12px;
  }    
  
.atlas
  {
    margin: 40px 0 0 0;
    float:left;
    width:320px;
    height: 160px;
    background: silver;
    font-size:36px;
    text-align: center;
    line-height: 4em;
  }  
  
  
.more
  {
    font-weight: bold;
    text-align: right;
    font-size:12px;
  }  

.sponsors
  {
	text-align: center;


  } 
  
.sponsors img
  {
	border: 0;
  }
  
.actu h2
  {
    margin: 10px 0 10px 0;
    font-size: 20px;
    font-weight: normal;
  }  
  
 em.date
  {
    display: block;
    font-size: 10px;
    text-align:  right;

  }  
  
.actu h4
  {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: normal;
  }    
  

/* NOTICES
****************************************************************************************************/  
#notices #content .gutter
  {
    margin: 0;
    float:left;
   width:750px; 
  }  
  
#notices.detail #content .gutter  
{
    margin: 0;
    float:left;
   width:950px; 

  }
  
#atlas.detail #content .gutter  
{
    margin: 0;
    float:left;
   width:950px; 

  }
#notices-liste
  {
    width:760px;
    float: left;
  }
  
#notices-liste .small
  {  
    font-size: 10px; 
    text-align: center;
    }
  
#notices-liste .spacer
  {
    height: 32px;
    width: 760px;
    float: left;
    background: url(../img/spacer-bg.png) repeat-x;
    margin: 0 0 0 0px;
  }  

 .line
  {
    width: 760px;
    margin: 0 0 0 00px;
    padding: 4px;
    float:left

  }
  
  

 .line.even  
  {
    background: #FAEFE0
  }  

#notices-liste h3
  {
    margin: 10px 0 0px 0;
    color:black;
  }
  
#notices-liste p
  { font-size:12px}  

  
#nav_notices li
  { 
    display:inline;
    margin: 0 10px;
  }

#notice-detail
  {
    width:620px;
    float:left;
    text-align: left;
    background: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px ;
    border: 1px solid #e0e0e0;
    line-height: 1.8em;
  }
  
#notice-detail h2
  {  
    font-family: "Times New Roman", serif;
    font-size:24px;
    margin: 12px 0;
    color:#333;
    text-align: left;
    padding: 2px 0 0 0;
  }
  
 #notice-detail table td {
  border: 1px solid silver;
  padding: 4px;
}
  
#notice-detail h3, #notice-detail h4
  {  
/*     font-family: "Times New Roman", serif; */
    font-size:12px;
    margin: 0;
    padding: 0;
    color:#333;
    text-align: left;
    line-height: 1.4em;
  }  
  
#accueil #notice-detail h3 { color:#A84720}    
  
#notice-detail span.em
  {
    font-style: italic;
  }  
  
#notice-detail h4  
  {
      margin: 12px 0 0;
  }
  
#notice-detail a
  { 
    color:maroon;
    text-decoration: none;
    font-weight: bold;
  }  
  
#notice-detail a.link
  {
/*    color:#FF9900; */
    color:#A84720
  }  
  
#notice-detail a:hover
  { text-decoration: none; }  
  
#notice-detail .empty
  {
    font-size: 32px;
    color:#333;
    margin: 100px auto;
    text-align: center;
  }  
  
#notice-complement
  {
    margin: 40px 0 40px 0px;
    padding: 0 0 0 0px;
    font-size:12px;
    clear: both;
    line-height: 1.6em;

  }  
  
#notice-detail .translation
  {
    font-size:11px;
    font-family: Helvetica, Arial, sans;
    padding: 2px 4px;
    background: #FF9900;;
    color:white;;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 2px solid #FF9900;
/*     position: relative; */
    height: 14px;
    margin: 0 0 0 6px;;
    float:right;
    line-height: 1.2em;
  }  
  
#notice-detail .translation:hover
  {  
      border: 2px solid #863919;;
      color:#863919;
      
   }   
  
#notice-info
  {
    width:280px;
    float:right;
    font-size:12px;
  }  
  
#notice-info h2
  {  

  }
  
#notice-info p
  { padding: 0 0 0 27px;}  
  

.historique-notices
  { background: url(../img/ico-historique-notices.png) no-repeat; }    

#notice-info h4.notices-similaires
  { 
    background: url(../img/ico-notices-similaires.png) no-repeat; 
    margin: 30px 0 0 0;
  } 

.image
  {
    margin: 0 10px 10px 0;
    vertical-align: top;
    float: left;
  }  

.dhs-icon
  {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
  }

#content .page-nav a 
  {
    display: none;
       width: 31px;
    height: 28px;
    display: block;
    border: 0;
    
  }
  
.page-nav a  span
  {  display: none; }
  
.page-nav
  {
    width: 31px;
    height: 28px;
    margin: 0px 0 0 0;

    
  }  
  
#atlas .page-nav
  {
    width: 600px;

  }  
  
.page-nav.right
  {  
    background: url(../img/ico-page-2.png) no-repeat;
    float:right;
  }  
  
.page-nav.left
  {  
    background: url(../img/ico-page-1.png) no-repeat;
  }  

.page-nav a.right.p1
  {
    background: url(../img/ico-page-2.png) no-repeat;
    float:right;  
  }
  
.page-nav a.right.p2
  {
    background: url(../img/ico-page-3.png) no-repeat;
    float:right;  
  }  
  
.page-nav a.left.p2
  {
    background: url(../img/ico-page-1.png) no-repeat;
    float:left;  
  }   
  
.page-nav a.left.p3
  {
    background: url(../img/ico-page_2_prev.png) no-repeat;
    float:left;  
  }     
  
.atlas-thumbs {
  float:left;
  width:610px;
  margin: 0 0 12px 0;
}  
  
.atlas-thumb {
  border: 1px solid silver;
  padding: 2px;
  display: block;
  float: left;
  height: 190px;
  width: 190px;	
  margin: 0 1px 1px 0;
}  

.atlas-comps {
  float:left;
  width:700px;
  margin: 0 0 12px 0;
}  
  
.atlas-comp {
  border: 1px solid silver;
  padding: 2px;
  display: block;
  float: left;
  width: 695px;	
  margin: 0 1px 1px 0;
}  


.search_result { background-color: #FF9900;; padding: 2px;border-bottom:1px solid #A1451E;border-right:1px solid #A1451E;}

/* PROPOSITIONS
****************************************************************************************************/
 #demande_modification #content .gutter, #envoyer #content .gutter, #proposer #content .gutter
  {
    margin: 0;
    float:left;
   width:950px; 
  }  



.failure
  {
  
    text-align: center;
    background-color:maroon;
    margin: 30px auto;
    width:500px;
    color:white;
    font-weight: bold;
    padding: 20px;
  }

.success
  {
    padding: 250px 0;
    text-align: center;
    color:#968f49;
    font-weight: bold;  
  }
  
#proposer tr, #proposer td
  {
   vertical-align: top;
  }  

/* RECHERCHE
****************************************************************************************************/
#b-search
  {
    width: 20px;
    height: 20px;
    background: url(../img/b-search.png) no-repeat left;
    border: 0;
    cursor: pointer;
  }
  
#b-search:hover
  {  background: url(../img/b-search.png) no-repeat right; }

#frmAdvancedSearch
  {
    width: 700px;
    margin: 20px auto;
    

  }
#frmAdvancedSearch label
  {
    font-weight: bold;
    width:200px;
    display: block;
    float: left;
  }
#frmAdvancedSearch .label {font-weight: bold;}

#frmAdvancedSearch p
  {
    margin-top: 20px;
  }

/* PAGINATION
****************************************************************************************************/
.oPagination {
	padding:3px;
	margin:3px 0 10px 0;
	text-align:center;
	float:left;
	width: 775px;
}

.oPagination ul
  { 
    float:right;
    margin: 0 12px 0 0 ;
  }

.oPagination li
  { 
    display: block; 
    float:left;
      margin: 0 6px 0 0;
  width: 21px;
  height: 28px;      
  }

.oPagination a, .oPagination span  {
/*
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999;
	
	text-decoration: none; 
	color: #222;
*/
  width: 21px;
  height: 28px;
  background: url(../img/b-pages.png) left no-repeat;
  color:#333;
  display: block;
  float:left;
  margin: 0 6px 0 0;
  border: 1px solid white;
  line-height: 2.2em;
}

#content .oPagination a { border: 0}

.oPagination a:hover, #oPaginationn a:active, .oPagination span.current 
  {	
  width: 21px;
  height: 28px;
    display: block;
  float:left;
  background: url(../img/b-pages.png) right no-repeat;
  color:white;  
    line-height: 2.2em;
  }


.oPagination span.current, .oPagination span.disabled {
/*
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #333;
*/
}
.oPagination span.disabled {
/*
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
*/
display:none;
	color: #ccc;
}


/* DEBUG
****************************************************************************************************/
.debug
  {
    background: lightyellow;
    margin: 20px 0;
    padding: 10px;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    font-family: "Courier new";
    font-size: 12px;
    color:#666;
    
  }
  
/* CONSTRUCTION
****************************************************************************************************/
.construction
  {
    margin: 100px auto;
    text-align: center;
    color:#333;
    font-size:36px;
    text-shadow: white 1px 1px;
  }  
  
/* ATLAS
****************************************************************************************************/
#map
  {
    width: 800px;
    font-size: 30px;
    color:white;
    margin: 30px auto;
    padding: 200px 0;
    background: silver;
    text-align: center;
  }  

#atlas .thumb
  {
    margin-bottom: 20px;  
  }
  
#atlas .thumb span
  {
    font-size: 10px;
    line-height: 1em;

  }  
  
#atlas #content h1 {
  margin: 0 0 12px 0;
}  
    
#atlas h5
  {
    font-size: 20px;
    text-align: center;
    margin: 20px auto;
    font-weight: normal;
    color:#666;
  }    
  
.atlas-item {
  display: block;
  height: 70px;
  margin: 10px 0 10px 20px;
/*   border: 1px dotted red; */
  vertical-align: middle;
  
}

.atlas-item img {
  float:left;
  margin: 0 20px 0 0;
}
  
/* A PROPOS
****************************************************************************************************/
#a_propos h3
  {
   float:left;
   width:700px;
   margin: 0 0 32px 0;
  }
  
#a_propos #content .gutter
  {
/*
border: 1px dotted red;
width:600px;
margin: 0 0 0 200px;
float:left;
*/
  }  
  
.sponsor    
  { 
    float:left;
    width: 220px;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0 0 0;
  }
  
#a_propos #right-col  
  {
    float:right;
    width:750px; 

  }
  
#a_propos .faq h2
  {
    color:#A1451E;
    margin: 0 0 12px;
  }  
  
#a_propos .faq p
  {

    margin: 0 0 32px;
  }    
  
#a_propos #content .gutter
  {
    margin: 0;
    float:left;
   width:740px; 
  }  

/*ATLAS
****************************************************************************************************/  
#atlas #content .gutter
  {
    margin: 0;
    float:left;
   width:700px; 
  }  
  
  
  
/* 	
****************************************************************************************************/
#archives table th
  {
    width:300px;
    text-align: left;
    font-size: 12px;
    padding: 0 0 0 20px;
  }  
    
#archives table td
  {
    width: 700px;
  }    
  
#archives h6
  { 
    text-align: right;
    margin: 0 0 12px 0;
  }  
  
#archives h4
  {   
    font-size: 18px;
    margin: 0 0 20px 0;
  }  
    
/* FORMULAIRES
****************************************************************************************************/
.frm table
  {
/*     width: 500px; */
  }

.frm .form_input
  {
    font-weight: bold;
  }  
  
.frm input, .frm textarea
  {

  }  
  
#envoyer .frm
  {
    width:700px;

    margin: 80px 0 100px 100px;
  }  
    
    
.frm td { vertical-align: top;}   

/* BOUTONS
****************************************************************************************************/
.button
  {
    width:200px;
    height: 30px;
    text-align: center;
    /* color:white; */
    color: #A84720;
    border: 0;
    background: transparent;
    margin: 30px auto 6px;
    cursor: pointer;
    display: block;

  }    
  
a.button { line-height: 2.5em; color:white}  
#content a.button:hover {border:transparent; color:white }  

    
  
.tools a.button:hover, .button:hover
  {
   color:white 
   
  }  
        
.envoyer
  {
    background: url(../img/b-envoyer.png) top no-repeat;
  }        

.envoyer:hover
  {
    background: url(../img/b-envoyer.png) bottom no-repeat;
  }     
  
.imprimer
  {
    background: url(../img/b-imprimer.png) top no-repeat;
    margin: 30px 0 0 26px;
    color:white;
  }        

.imprimer:hover
  {
    background: url(../img/b-imprimer.png) bottom no-repeat;
  }    
  
.envoyer_notice
  {
    background: url(../img/b-envoyer_notice.png) top no-repeat;
    margin: 12px 0 0 26px;
  }        

.envoyer_notice:hover
  {
    background: url(../img/b-envoyer_notice.png) bottom no-repeat;
  }  
  
.demande_modification
  {
    background: url(../img/b-demande_modification.png) top no-repeat;
    margin: 12px 0 0 26px;
  }        

.demande_modification:hover
  {
    background: url(../img/b-demande_modification.png) bottom no-repeat;
  }     

/* FOOTER
****************************************************************************************************/
#footer
  {
 
  float:left;
    width: 950px;
    height: 150px;
    background: url(../img/footer-bg.png) no-repeat;
    color:#FF9900;
    margin : 30px auto;
    
  }  
  
#footer a { color:#FF9900;}

#footer span
  {
    padding: 15px 20px;
  }

#footer span.left { float:left;}
#footer span.right { float:right;} 
    
    
#notice-detail .pagination {
  clear: both;
  width: 70px;
  float: right;
  text-align: right;
  
}

#notice-detail .pagination a{
  display: block;
  padding: 2px 4px;
  float:left;
  background: #f0f0f0;
  margin: 0 0 0 1px;
  font-weight: bold;
  border: 1px solid silver;
  color:gray;
}

#notice-detail .pagination a:hover {
  border:0px;
  background: grey;
  color:white;
  border: 1px solid grey;
}

#notice-detail .pagination a.selected {
  border: 1px solid maroon;
  background: maroon;
  color:white;
}