@charset "utf-8";
/* CSS Document */

/*oocss*/
@import url("base.css");

html{ font-size:11px; }
body{ background:url(../img/fond.gif); background-position:center; background-repeat:repeat-y; background-color:#070c14; font-size:12px; font-family:Arial, Helvetica, sans-serif;  }
h1{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
h2{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;  }
a{ color:#004375; text-decoration:none; font-weight:bold; }
a:hover{ color:#888888; }
.spacer{ clear:both; }
input, textarea{ border:solid 1px #82c7e5;  }

.bloc{ float:left; display:inline; }

ol li{ margin-left:30px; list-style:decimal; }

.texte{  color:#666666; }
.texte h1{ font-size:16px; }

#main{ position:relative; width:1000px; margin:0px auto; background-color:#ffffff; }
#menu{ height:45px; width:1000px; display:block; background:url(../img/menu/fond.gif); text-align:center; }
#menu ul{ }
#menu ul li{ float:left; }
#menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#b8b8b8; font-weight:bold; width:145px; display:block; text-align:right; padding-top:10px; padding-right:20px; height:24px;  }
#menu ul li.qui-sommes-nous a{ background:url(../img/menu/picto_interrogation.gif); background-repeat:no-repeat; background-position:10px 4px; }
#menu ul li.evenements a{ background:url(../img/menu/picto_agenda.gif); background-repeat:no-repeat; background-position:15px 3px; }
#menu ul li.annuaire a{ background:url(../img/menu/picto_annuaire.gif); background-repeat:no-repeat; background-position:5px 4px; }
#menu ul li.bibliotheque a{ background:url(../img/menu/picto_doc.gif); background-repeat:no-repeat; background-position:15px 1px; }
#menu ul li.revue-de-presse a{ background:url(../img/menu/picto_docs.gif); background-repeat:no-repeat; background-position:8px 4px; }
#menu ul li.adherez-au-cmrh a{ background:url(../img/menu/picto_coche.gif); background-repeat:no-repeat; background-position:12px 5px; }

#menu ul li.separation{ width:2px; height:35px; background-color:#c7c7c7; display:block; }

#entete img{ border-bottom:solid 1px #CCCCCC; }

#home_contenu #evenements{ background:url(../img/home-fond-evts.gif); background-position:bottom; width:370px; }
#evenements h1{ background-color:#828071; color:#ffffff;  padding:3px 0px 3px 30px; }
#home_contenu #evenements ul{ height: 248px; overflow:auto; }
#home_contenu #evenements .infos{ display:block; width:280px; float:left; }
#contenu #evenements ul{ height: 328px; overflow:auto; }
#evenements ul li{ margin:10px 10px 10px 10px; padding-bottom:8px; border-bottom:solid 1px #CCCCCC; display:inline-block; }
#evenements ul li .date{ float:left; width:40px; font-size:18px; font-weight:normal; text-align:center; background-color:#b0b02a; color:#ffffff; padding-bottom:3px; margin:0px 10px 5px 0px; }
#evenements ul li .date .jour{ font-size:17px; }
#evenements ul li .date .mois{ font-size:15px; }
#evenements ul li .titre{ font-weight:bold; }
#evenements ul li .heure{ font-weight:bold; color:#b0b02a; }
#contenu #evenements{ background:url(../img/fond-evts.gif); background-position:bottom; width:280px;  height:350px; }
#contenu #evenements .infos{ display:block; width:190px; float:left; }
/*#contenu #evenements h1{  background-color:#b0b02a;  }*/ 


#membres{ background:url(../img/home-fond-membres.gif); background-position:bottom; width:370px; height:350px; }
#membres h1{ background-color:#89418b; color:#ffffff;  padding:3px 0px 3px 30px; }
#membres ul{ height: 328px; overflow:auto; }
#membres ul li{ margin:5px 10px 5px 10px; padding-bottom:8px; border-bottom:solid 1px #CCCCCC; display:inline-block; width:330px; }
#membres ul li img{ float:right; margin:0px 0px 5px 5px; } 
/*#membres ul li .date{ float:left; width:40px; font-size:18px; font-weight:bold; text-align:center; background-color:#b0b02a; color:#ffffff; margin:0px 10px 5px 0px; }
#membres ul li .date .jour{ font-size:18px; }
#membres ul li .date .mois{ font-size:15px; }*/
#membres ul li .titre{ font-weight:bold; }
#membres ul li a{ font-size:11px; font-weight:normal; }

#home_contenu{ display:inline-block; }
#home_contenu .bloc{ margin:5px 0px 20px 15px; height:270px; }
#home_contenu .bloc h1{ color:#ffffff; padding:3px 0px 3px 30px; }
#home_contenu #edito h1{ background-color:#cab99d;  }
#home_contenu #edito{ position:relative; background:url(../img/home-fond-edito.gif); background-position:bottom; width:315px;  }
#home_contenu #edito img{ margin-bottom:10px; }
#home_contenu #edito .photo{ float:left; margin:10px 20px 0px 10px; padding:0px 0px 10px 0px; width:110px; border-bottom:solid 1px #c9bb9e; color:#b6a383; }
#home_contenu #edito .texte{  margin:10px 10px 10px 10px; height:220px; overflow:hidden; }
#home_contenu #edito a.suite{ position:absolute; top:245px; left:190px; width:90px;  padding:2px 10px 3px 10px; background-color:#FFFFFF;  }
#home_contenu #a-la-une{ background:url(../img/home-fond-a-la-une.gif); background-position: left bottom; width:140px; }
#home_contenu #a-la-une .texte{ margin:10px 10px 10px 10px; }
#home_contenu #a-la-une h1{ padding:3px 0px 3px 20px; background-color:#cab99d; }
#home_contenu #a-la-une .ban{ margin:10px 0px 0px 10px; }
#home_contenu #a-la-une .titre{ margin:5px 0px 10px 0px; }
#home_contenu #a-la-une #logos{ width:140px; height:45px; margin-top:10px; margin-left:1px; }
#bas_page{ position:absolute; bottom:2px; left:15px; }
#bas_page a{ font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#666666; }
#bas_page a:hover{ color:#000000; }

#contenu .texte ul{ padding:5px 5px 5px 20px; }
#contenu .texte ul li{ list-style:disc; }
#contenu .texte a.bouton{ background:url(../img/fond_bouton.gif); background-position:right; height:17px; display:inline-block; color:#ffffff; padding:3px 30px 3px 15px; margin-bottom:10px; }
#contenu .texte a.bouton:hover{ background:url(../img/fond_bouton_on.gif); background-position:right; }

#contenu .bloc{ margin:5px 0px 20px 15px;  }
#contenu #article_principal{ width:540px; margin:0px 30px 30px 15px; padding-left:15px; }
#contenu .trait_gauche{ border-left: solid 1px #dcc2dc; }
#contenu #article_principal h1{ color:#822482;  margin:10px 0px 10px 0px;  }
/*#contenu #article_principal h1{ color:#dcc2dc; font-size:25px; font-weight:bold; padding:0px 0px 10px 35px; margin:10px 0px 10px 0px; background:url(../img/menu/picto_interrogation.gif); background-repeat:no-repeat; background-position: 0px 2px; }*/

#contenu #evenement_courant{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #evenement_courant h1 { color:#822482;  margin:10px 0px 10px 0px;  }

#contenu #evenement_courant .colfloat{ float:left;  }
#contenu #evenement_courant .colfloatimg{ float:left; width:200px; margin-left:15px; }
#contenu #evenement_courant .date{ float:left; width:40px; font-size:18px; font-weight:bold; text-align:center; background-color:#822482; color:#ffffff; margin:0px 10px 5px 0px; }
#contenu #evenement_courant .date .jour{ font-size:18px; }
#contenu #evenement_courant .date .mois{ font-size:15px; }
#contenu #evenement_courant .heure{ font-weight:bold; color:#822482; }
#contenu #evenement_courant .entete{ margin-bottom:10px; float:left; width:430px; }
#contenu #evenement_courant .zone_infos{ border-top:solid 1px #cccccc; }
#contenu #evenement_courant .zone_infos img{ float:right; margin:0px 0px 10px 30px; }

#contenu #annuaire{ margin:0px 20px 40px 20px; }
#contenu #annuaire h1 { color:#822482;  margin:10px 0px 10px 0px;  }
#contenu #annuaire table{ background-color:#aaaaaa; }
#contenu #annuaire table td{ background-color:#ffffff; padding:3px 10px 3px 10px; vertical-align:top; }
#contenu #annuaire table td.nom{ width:200px; font-weight:bold; }
#contenu #annuaire table td.fonction{ width:200px; }
#contenu #annuaire .fiche{ float:left; width:285px; height:80px; border:solid 1px #cccccc; background-color:#eeeeee;display:block; padding:10px; margin:0px 10px 10px 0px; }
#contenu #annuaire .fiche .nom{ font-weight:bold; color:#000000; }
#contenu #annuaire .fiche .fonction{ font-weight:bold; }
#contenu #annuaire .fiche .raison_sociale{ font-style:italic; }
#contenu #annuaire img{ float:right; }

#contenu #bibliotheque{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #bibliotheque h1 { color:#822482;  margin:10px 0px 10px 0px;  }
#contenu #bibliotheque ul { margin-top:10px; }
#contenu #bibliotheque ul li{ background:url(../img/icon_doc.gif); background-repeat:no-repeat; list-style:none; padding-left:25px; padding-top:1px; margin-bottom:5px; }
#contenu #bibliotheque .col{ float:left; width:180px; padding:10px; margin-left:10px;  border:solid 1px #cccccc; /*background-color:#eeeeee;*/  }


#contenu #revue-de-presse{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #revue-de-presse h1 { color:#822482; margin:10px 0px 10px 0px;  }
#contenu #revue-de-presse ul li{ list-style:none; margin-bottom:20px; }
#contenu #revue-de-presse ul li .titre{ color:#000000; font-size:15px; font-weight:bold; }
#contenu #revue-de-presse ul li.first { font-size: 14px; color:#333333; }
#contenu #revue-de-presse ul li.first .titre{ font-size:17px;  } 

#contenu #adherez{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #adherez h1 { color:#822482; margin:10px 0px 10px 0px;  }

#contenu #edito{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #edito h1 { color:#822482; margin:10px 0px 10px 0px;  }
#contenu #edito img{ float:left; margin:0px 15px 15px 0px; }

#contenu #a-la-une{ width:650px; margin:10px 20px 30px 15px; padding-left:15px; }
#contenu #a-la-une h1 { color:#822482; margin:10px 0px 10px 0px;  }
#contenu #a-la-une img{ float:left; margin:0px 15px 15px 0px; }

#contenu #edito .photo{ float:left; margin:10px 20px 10px 10px; padding:0px 0px 10px 0px; border-bottom:solid 1px #b6a383; color:#b6a383;  width:110px; }