/* CSS Document */
body{font-size:1em; background:#cfc39b url(../images/sable.jpg); margin-top:0px; margin-bottom:0px;}
h1 a, h1 a:hover{  display:block;background:url(../images/fond-logo.jpg) no-repeat; height:230px; width:580px;  }

a{color:#548adc; }
a img{border:none; background:none;}
a:hover{background:#cfc39b; color:#FFFFFF;}
a:hover img, img, img:hover{background:none;}

#conteneur{width:800px; margin:0 auto; background:white; margin-top:-20px; padding:20px;}
.suite{text-align:right;}
.vcard li{list-style:none;}
/* ======================================================================= */
/* ================================= ARIANE ============================== */
/* ======================================================================= */
#ariane{font-size:0.8em; margin:-20px 0 20px -40px;}
#ariane li{display:inline;}

/* ======================================================================= */
/* ================================= MENU ================================ */
/* ======================================================================= */
#menu{ width:300px; list-style:none; position:absolute; top:5px; margin-left:600px; padding-left:0;}
#menu li{margin-bottom:5px;}

#devenez-membre{font-size:1.1em;}
#devenez-membre, #p-devenez-membre{font-size:1.5em;}

#compteur-visite{ margin-left:50px;}
/* ======================================================================= */
/* ============================= INFORMATIONS ============================ */
/* ======================================================================= */
#informations{width:220px; font-size:0.9em; float:left; margin-top:50px;}
#informations #information-fondateur{background:url(../images/trait-informations.jpg) 0px 10px no-repeat; padding-top:40px; margin-top:5px;}
#informations #image-fondateur{text-align:center;}
#informations .suite{background:url(../images/trait-informations.jpg) 0px 10px no-repeat;}
/* ======================================================================= */
/* ============================= PARTENAIRES ============================= */
/* ======================================================================= */
#liste-partenaires{list-style:none; padding:0;}
#liste-partenaires li{padding:0px;}
#liste-partenaires .impaire{margin-left:100px;}


/* ======================================================================= */
/* ================================ CORPS ================================ */
/* ======================================================================= */
#corps, #corpsBD{border-left:1px solid #cfc39b; margin-left:250px; margin-top:80px; margin-bottom:80px; padding-left:10px;} 
#corps ul,  #corpsBD ul{list-style:none;}
#corps h2, #corpsBD h2{font-size:1.2em;}
#corps h2 a, #qui-sommes-nous h2, #fondateur h2, #projets h2, #corpsBD h2 a{background:#548adc url(../images/logo.jpg) right no-repeat; color:white; display:block; padding:2px;}
#qui-sommes-nous h2, #fondateur h2, #projets h2{background:#548adc;}
#corps h2 a:hover, #corpsBD h2 a:hover{background:#cfc39b url(../images/logo2.jpg) right no-repeat; color:#FFFFFF;}
/*
#corps h2 a, #corps h2{background:#548adc; color:white}
#corps h2 a:hover,  #corps h2:hover{background:#cfc39b; color:#FFFFFF; !important}
*/
#corps .suite, #corpsBD .suite{background:url(../images/trait_accueil.jpg) 140px 5px no-repeat;}
#appercu-section li{padding-left:120px; margin-bottom:50px; }
#appercu-section #accueil-qui-sommes-nous{padding-left:0px; }
#appercu-section #accueil-qui-sommes-nous .suite{background:url(../images/trait_accueil.jpg) 260px 5px no-repeat;}
#accueil-projets{background:url(../images/photo-projet.jpg) no-repeat;}
#accueil-bibliotheque-maritime{background:url(../images/photo-bibliotheque-maritime.jpg) no-repeat;}
#accueil-nos-editions{background:url(../images/photo-edition.jpg) no-repeat;}

/* ======================================================================= */
/* ============================== ALBUM PHOTO ============================ */
/* ======================================================================= */
#album-photos, #accueil-albums-photos{margin-left:20px;}
#album-photos{margin-left:20px; }
#album-photos li{float:left; margin-right:40px;}
.photo-accueil .img{height:130px; display:block;}

/* ======================================================================= */
/* ============================== PIED-PAGE ============================== */
/* ======================================================================= */
#pied-page{list-style:none; text-align:center; font-size:0.8em; clear:both; padding-top:80px;}
#pied-page li{display:inline; }
#phenixcreation{text-align:center;}


/* ======================================================================= */
/* ============================ QUI SOMMES NOUS ========================== */
/* ======================================================================= */
#qui-sommes-nous {}
#qui-sommes-nous #mission-et-objets{}

/* ======================================================================= */
/* ============================== LE FONDATEUR =========================== */
/* ======================================================================= */
#fondateur li{ margin-left:-10px; text-align:justify;}
#note-rediger{font-size:1em;}
#ul-note-rediger {font-size:0.8em;}

/* ======================================================================= */
/* ================================= PROJETS ============================= */
/* ======================================================================= */
#projets li{ margin-bottom:40px;}
.sommet{text-align:right;}

/* ======================================================================= */
/* ================================ ALBUM PHOTO ========================== */
/* ======================================================================= */
#album-photo{}
#album-photo li{width:150px; float:left; margin-right:10px; text-align:center;}
#album-photo li h2{font-size:0.8em;}
#album-photo li h2 a, #album-photo li h2 a:hover {background:#548adc;}
#album-photo .photos{height:180px; display:block; }
#album-photo li:hover{background:#cfc39b;}
#section-selectionner{color:#000000; cursor:default; text-decoration:none; background:none;}
#pagination{ clear:both;text-align:center; }
/* ======================================================================= */
/* ================================== EDITIONS =========================== */
/* ======================================================================= */
#edition-bulletin li{background:url(../images/pdf.gif) 0px 3px no-repeat; padding:5px; padding-left:20px;}


/* ======================================================================= */
/* =============================== NOUS JOINDRE ========================== */
/* ======================================================================= */
#nous-joindre{}
#nous-joindre #coordonnees{margin-bottom: 30px;}
#nous-joindre label{display:block; text-align:right; width:80px; float:left; margin-right:20px;}
#nous-joindre .erreur{ display:block; color:red; font-size:0.9em; margin-left:130px; margin-top:10px;}

/* ======================================================================= */
/* =============================== BIBLIOTHEQUE MARITIME ================= */
/* ======================================================================= */
#bibliotheque-maritime{ border:1px dashed #ccc; padding-bottom:10px; border-top:none; padding-left:0px; background:url(../images/fond-fiche.jpg) bottom repeat-x; margin-top:-20px; }

#bibliotheque-maritime li { margin-bottom:1px;  padding-right:5px; font-size:0.9em;}
#bibliotheque-maritime #titre{  padding-left:0px; padding-right:0px; margin-bottom:0px;}
#bibliotheque-maritime li h3{background:#548adc; color:white; display:block; padding:2px; font-size:1em; margin-bottom:10px; }
#bibliotheque-maritime li strong{ display:block; width:150px; padding-right:10px;  text-align:right; float:left;  }
#bibliotheque-maritime li span{ margin-left:160px; display:block; }
#bibliotheque-maritime #resume{ }
#bibliotheque-maritime #resume strong{  }

#form-recherche select {   float:left; margin-top: 2px; }
#form-recherche input[type=text]{  width:200px;}
#liste-des-sujets{width:200px;}
#resultat-des-recherches{ margin-bottom:40px;}
#page { padding-left:0; text-align:center; margin-bottom:40px;}
#page li{ display:inline; padding:5px;}
#page li a{ padding:5px;}

#modif-partenaire{text-align:center; margin-bottom:-40px;}
#modif-partenaire h2{ display:none;}
#modif-partenaire li{ display:inline;}
#modif-partenaire #liste-partenaires{list-style:none; padding:0;}
#modif-partenaire #liste-partenaires li{display:inline; margin:0 5px;}
#modif-partenaire #liste-partenaires .impaire{margin-left:0;}

#liste-conseil-administration h3{ background:#cfc39b; padding-left:5px; margin-bottom:0px; cursor:pointer;}
#titre_BD{position:relative; left:200px; margin-top:-50px; margin-bottom:40px;}
#titre_BD p{ font-size:0.8em; margin-top:-20px;}
#corpsBD{ margin-top:130px;}