/* styles des blocs principaux */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
background: url('images/Bg.jpg') repeat-x;
background-color: #9ECFAE;
color:#333333;
}
#conteneur {
/*position: absolute;*/
width: 940px;
margin: 0 auto 0 auto;
/*left: 50%;
margin-left: -470px;*/
background-color: #ffffff;
}
#header {
height: 124px;
background: url('images/Bg-header.jpg') no-repeat;

}
#header2 {
height: 28px;
background-color: #d6eae0;
text-align: right;
font-size: 11px;
}
#menuhaut {
height: 32px;
background: url('images/Bg-menuhaut.jpg') repeat-y;
/*background-color:#FFFFFF;*/
}

#menuhautadmin {
height: 32px;
background: url('images/Bg-menuhaut.jpg') repeat-y;
/*background-color:#FFFFFF;*/
}


#pageHTML {
    width: 530px;
}


#centre {
background: url('images/Bg-contenu.jpg') repeat-y;
background-color:#FFFFFF;
clear:both;
}
#centre div.centre2 {
background: url('images/Bg-centre2.jpg') bottom left no-repeat;
padding: 0px 50px 0px 50px;
}

#centre ul li{
list-style-type:none;
}
#pied {
height: 75px;
clear:both;
background: url(images/Bg-footer.jpg) no-repeat;
background-color: #ffffff;
}

/* styles de textes, liens et images */
p, ul {
margin: 0 0 0 0;
}
img{
border: 0;
}

/* styles du pied de page */
#pied p{
/*padding-top: 10px;
padding-left: 20px;
*/color : #666666;
}
#pied a {
color: #666666;
text-decoration: none;
}
#pied a:hover {
color: #349866;
}
#pied p.adresse {
padding: 22px 0px 0px 52px;
}
#pied p.menufooter {
float:right;
padding: 22px 52px 0px 0px;
}
#pied p.menufooter a {
color: #666666;
text-decoration: none;
}

/* styles du contenu */

#centre h1 {
margin: 0;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #349866;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
/*background: url(images/Puce-h1.png) no-repeat;
background-position: 35px 9px;*/
}
#centre h2 {
margin: 0;
font-size: 13px;
color: #349866;
font-weight: bold;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 16px;
}

/*** Actu et recherche ***/
#centre h2.h2actu {
margin: 0;
font-size: 18px;
color: #349866;
font-weight: normal;
padding-left: 50px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 5px;
background: url(images/Puce-actu.png) no-repeat;
background-position: 35px 20px;
}

#centre h2.h2recherche {
margin: 0;
font-size: 18px;
color: #349866;
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
}

#centre h2.h2actu a {
color: #349866;
text-decoration: underline;
}

#centre h2.h2recherche a {
color: #349866;
text-decoration: underline;
}


#centre h3 {
margin: 0;
font-size: 14px;
color: #349866;
font-weight: normal;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

#centre {
font-size: 1.1em;
}
#centre p {
text-align: justify;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 5px;
font-size: 1em;
}

#centre p i{
    display: block;
    border: 0;
    width: 99%;
}

#centre ol {
    text-align: justify;
}

#centre ol li{
    margin-left: 20px;
}

#centre a{
    color : #45677E;
    text-decoration: underline;
	font-weight: bold;
}

#centre p.coordonnees {
text-align: center;
padding-left: 35px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 5px;
}

#centre p.resumeactu{
text-align: justify;
padding-left: 35px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 0px;
}

#centre p.resumerecherche{
text-align: justify;
padding-left: 35px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 0px;
}

#centre p.lienactu{
text-align: right;
padding-left: 35px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 10px;
}

#centre p.lienrecherche{
text-align: right;
padding-left: 35px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 10px;
}

#centre p.lienretour{
text-align: left;
padding-left: 35px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 10px;
}

#centre p.lienretour a {
color: #349866;
text-decoration: underline;
}

#centre p.lienretour a:hover {
color: #349866;
text-decoration: none;
}

#centre p.lienactu a {
color: #349866;
text-decoration: underline;
}

#centre p.lienactu a:hover {
color: #349866;
text-decoration: none;
}



#centre p.breadcrumb {
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 5px;
color:#999;
font-size:0.9em;
}

#centre p.breadcrumb a {
color: #999;
text-decoration: underline;
}

#centre p.breadcrumb a:hover {
color: #349866;
text-decoration: none;
}

#centre img.imageDroite {
margin-left: 15px;
float: right;
}
#centre table {
width: 800px;
}

/* styles du formulaire de recherche */
.formRecherche {
margin: 0;
padding-top: 4px;
padding-right: 20px;
}

.formRecherche input {
color: #349866;
background-color: #ffffff;
font-size: 11px;
font-family: Arial;
font-weight: bold;
border: #000000 1px solid;
}

/* formulaire de contact */
.formContact{
margin-left: 35px;
margin-right: 20px;
}

.clear{
background-color: #e4f4ef;
clear:both;
}




/* menu haut */

#menuentete {
position:relative;
top: 95px;
left: 205px;
list-style-type: none;
margin: 0 0 0 15px;
padding:0;
}
#menuentete li {
display: inline;
}
#menuentete a {
margin: 0 10px;
color: #999999;
font-size:0.9em;
text-decoration: none;
padding-left: 20px;
}
#menuentete a:hover {
color:#999999;
text-decoration:underline;
}
#menuentete a.accueil {
background: url('images/puce-accueil.png') no-repeat;
}
#menuentete a.plan {
background: url('images/puce-plan.png') no-repeat;
}
#menuentete a.contact {
background: url('images/puce-contact.png') no-repeat;
}
















/***************** Petite couche de castor *************/
/**** datatable ***/
table.datatable{
    font-family: Verdana;
    background-color: white;
    border-collapse: collapse;
    margin-bottom: 1em;
    /*width: 80%;*/
    margin-left: 35px !important;
    margin-right: 20px !important;
}

table.datatable img { display: inline; vertical-align: middle; }
tbody.datatable td, tbody.datatable th{
    padding: 1ex;
    border: 1px solid black;
}
  
table.datatable th, td.tableheader{
    background-color:  #e4f4ef;
    color: #349866;
    font-size: 110%;
}

table.datatable th a, td.tableheader a { color: white; }
table.datatable th { text-align: center; }
td.tableheader { white-space: nowrap; }
tbody.datatable p { margin-top: 0.5ex; margin-bottom: 0.5ex; }


/**** datatable pour annonce ***/

fieldset.annonce{
    padding-top: 10px;
    margin-top: 10px;
    width:80%;
    border: 1px solid #349866;
}

legend.annonce {
    color: #349866;
    font-weight: bold;
}

table.annonce{
    font-family: Verdana;
    background-color: white;
    border-collapse: collapse;
    margin-bottom: 1em;
    width: 80%;
}

table.annonce img { display: inline; vertical-align: middle; }
tbody.annonce td, tbody.annonce th{
    padding: 1ex;
    border: 1px solid black;
    vertical-align: top;
}
  
table.annonce th{
    background-color:  #e4f4ef;
    color: #349866;
    width: 25%;
}

table.annonce th a { color: white; }
table.annonce th { text-align: left; }
tbody.annonce p { margin-top: 0.5ex; margin-bottom: 0.5ex; }


/************************* Editeur WYSIWYG ********************/
#pageHTML {
    width:525px; 
}


/**************************************************************/

/********************************Plan du site *****************/

.plansite{
    margin-left: 35px;
    margin-right: 20px;
}

.plan_niv1 {
    list-style-image: url(images/Puce-menu.png) !important ;
    margin-top: 20px;
    margin-left: 22px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    padding-left: 30px;
    font-weight: bold;
    font-size: 14px;
}

.plan_niv1_parent {
    list-style-image: url(images/Puce-menu.png) !important; 
    margin-top: 20px;
    margin-left: 22px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
}

.plan_niv1 li {
    margin-bottom: 5px;
}

.plan_niv1 a {
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px;
    color: #000000;
}

.plan_niv1 a:hover {
    color: #349866;
}

.plan_niv2 {
    list-style-type: none;
    list-style-image: none;
    margin-top: 5px;
    margin-left: 27px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 0;
}

.plan_niv2 li {
    margin-bottom: 0px;
    margin-left: -10px;
}

.plan_niv2 a {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    color: #000000;
}

.plan_niv2 a:hover {
    color: #000000;
}


.infobulle{
position: absolute;	
visibility : hidden;
padding: 5px;
font-family: Verdana, Arial;
background-color: #999;
width:200px;
text-align:center;
color: #ffffff;
margin: 0 0 0 0;
}


p.liensinternes a {
color: #349866;
text-decoration: none;
}













/***** styles pour castor *******/
/* mediadb */
#mediadb_sectionlist{
    /*width: 100%;*/
    list-style-image : url('images/directory.png');
    padding-right: 1em;
}

#mediadb_sectionlist li a{
    text-decoration: none;
}

table.datatable_db{
  font-family: Verdana;
  background-color: #eeeeee;
  border-collapse: collapse;
  margin-bottom: 1em;
  margin-left: 35px !important;
  margin-right: 20px !important;
  width:470px;
}

table.datatable_db img { 
    display: inline; vertical-align: middle; 
}

tbody.datatable_db td, tbody.datatable_db th{
  margin: 0;
  padding: 0;
  border: 1px solid black;
}
table.datatable_db th, td.tableheader{
  background-color:  #e4f4ef;
  color: #349866;
  font-size: 90%;
}
table.datatable_db th a, td.tableheader a { color: white; }
table.datatable_db th { text-align: center; }
td.tableheader { white-space: nowrap; }
tbody.datatable_db p { 
    margin-top: 0.5ex; margin-bottom: 0.5ex; 
}

.datatable_media{
    border: 0px solid black;
}

.datatable_media tbody tr td{
    border: 0px solid black;
}

.mediadb_op{
    background-color: white;
    font-size:90%;
    border: 1px solid black;
}

.mediadb_db{
    background-color: #eeeeee;
    font-size:90%;
    text-align: center;
    padding:1px;
    border: 0px solid black;
    width: 450px;
}