/*
  Auteur : Techgrafik (http://www.techgrafik.com/)
*/

/* ******************** General ********************* */
* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0e2f27; background: #8eb4b3 url(../medias/images/bg.gif) repeat-x left top; }

.spacer { clear: both; }
.img_gauche { float: left; }
.img_droite { float: right; }

table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0e2f27; padding: 5px 0 5px 0; }
table tr td.info { background-color: #f7f7f7; padding-left: 5px; padding-right: 5px; }
table tr td a { color: #c8161d; }
table tr td a:hover { color: #000; }

table.comm tr td { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0e2f27; padding: 5px 0 5px 0; }
table.comm tr td.comm_titre { background-color: #333; padding-left: 5px; padding-right: 5px; color: #fff; }
table.comm tr td.comm_ligne0 { background-color: #eee; padding-left: 5px; padding-right: 5px; }
table.comm tr td.comm_ligne1 { background-color: #fff; padding-left: 5px; padding-right: 5px; }
table.comm tr td.etat { color: #666; font-size: 12px; }
table.comm tr td a { color: #c8161d; }
table.comm tr td a:hover { color: #000; }

table.add_comm tr td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0e2f27; padding: 5px 0 5px 0; }
table.add_comm tr td.comm_titre { background-color: #f7f7f7; font-size: 12px; border-bottom: 1px solid #fff; padding-right: 3px; }
table.add_comm tr td a { color: #c8161d; }
table.add_comm tr td a:hover { color: #000; }

table.trans { margin-top: 20px; padding: 0; }
table.trans tr td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0e2f27; padding: 5px; }
table.trans tr td.trans_titre { font-weight: bold; background-color: #383838; font-size: 12px; color: #fff; }
table.trans tr td.trans_info { font-weight: bold; background-color: #eee; font-size: 11px; }
table.trans tr td.trans_donnees { padding-left: 30px; background-color: #eee; font-size: 11px; }

#cadre { width: 927px; margin: 0 auto 0 auto; background: url(../medias/images/bg_blur.png) repeat-y left top; text-align: center; }
/* ************************************************** */

/* ******************** Entete ********************** */
#header { width: 900px; height: 174px; padding: 0 14px 0 13px; text-align: left; }
#header #gauche { width: 251px; height: 133px; padding-top: 41px; background-color: #383838; float: left; }
#header #droite { width: 649px; height: 174px; background-color: #707070; float: left; }
#header #droite #haut { width: 599px; height: 41px; padding: 0 30px 0 15px; }
#header #droite #haut div.gauche { width: 289px; height: 27px; padding-top: 14px; float: left; }
#header #droite #haut div.gauche p { color: #fff; font-size: 11px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
#header #droite #haut div.gauche p a { color: #fff; }
#header #droite #haut div.gauche p a:hover { color: #aac7c6; }
#header #droite #haut div.gauche p a.selection { text-decoration: none; }
#header #droite #haut div.droite { width: 310px; height: 35px; margin-top: 6px; text-align: right; float: right; }
#header #droite #bas { width: 649px; height: 133px; background: url(../medias/images/bannieres/accueil.jpg) no-repeat left top;  }
#header #droite #bas { width: 649px; height: 133px;  }
#header #droite #bas.accueil { background: url(../medias/images/bannieres/accueil.jpg) no-repeat left top;  }
#header #droite #bas.communication { background: url(../medias/images/bannieres/communication.jpg) no-repeat left top;  }
#header #droite #bas.recherche { background: url(../medias/images/bannieres/recherche.jpg) no-repeat left top;  }
#header #droite #bas.membre { background: url(../medias/images/bannieres/membre.jpg) no-repeat left top;  }
#header #droite #bas.congres { background: url(../medias/images/bannieres/congres.jpg) no-repeat left top;  }
/* ************************************************** */

/* ******************** Entete ********************** */
#menu { width: 900px; height: 46px; padding: 0 14px 0 13px; background-color: #c8161d; text-align: center;  }

#menu ul { padding: 7px 0 7px 0; }
#menu ul li { list-style: none; display: inline; float: left; }

#menu ul li a.membres { width: 138px; height: 32px; margin-left: 20px; margin-right: 9px; display: block; background: url(../medias/images/menu/membres.gif) no-repeat left top; }
#menu ul li a.membres:hover, #menu ul li a.membres_selection { background: url(../medias/images/menu/membres.gif) no-repeat left -32px; }

#menu ul li a.congres { width: 169px; height: 32px; margin-right: 9px; display: block; background: url(../medias/images/menu/congres.gif) no-repeat left top; }
#menu ul li a.congres:hover, #menu ul li a.congres_selection { background: url(../medias/images/menu/congres.gif) no-repeat left -32px; }

#menu ul li a.communications { width: 298px; height: 32px; margin-right: 9px; display: block; background: url(../medias/images/menu/communications.gif) no-repeat left top; }
#menu ul li a.communications:hover, #menu ul li a.communications_selection { background: url(../medias/images/menu/communications.gif) no-repeat left -32px; }

#menu ul li a.recherche { width: 228px; height: 32px; margin-right: 20px; display: block; background: url(../medias/images/menu/recherche.gif) no-repeat left top; }
#menu ul li a.recherche:hover, #menu ul li a.recherche_selection { background: url(../medias/images/menu/recherche.gif) no-repeat left -32px; }
/* ************************************************** */

/* **************** Corps principal ***************** */
#main { width: 900px; padding: 0 14px 0 13px; background: url(../medias/images/bg_sous_menu.png) no-repeat left top; text-align: left;  }

#main #top { width: 900px; background: url(../medias/images/bg_main_top.gif) repeat-y left top; }
#main #top #gauche { width: 209px; padding: 25px 22px 20px 20px; float: left; }
#main #top #gauche div.align_gauche { width: 77px; height: 25px; margin: 0; padding-top: 5px; float: left; }
#main #top #gauche div.align_droite { width: 132px; height: 30px; margin: 0; text-align: right; float: right; }
#main #top #gauche div.align_gauche_bas { width: 137px; height: 23px; padding-top: 12px; float: left; }
#main #top #gauche div.align_droite_bas { width: 72px; height: 35px; text-align: right; float: right; }
#main #top #gauche h1 { margin-bottom: 10px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 15px; color: #c7bfaf; border-bottom: 1px solid #565656; }
#main #top #gauche p { margin-bottom: 10px; font-size: 11px; color: #c7bfaf; }
#main #top #gauche p a { color: #aedcdb; }
#main #top #gauche p a:hover { color: #fff; }

#main #top #droite { width: 589px; padding: 25px 35px 15px 25px; float: left; }
#main #top #droite h1 { margin-bottom: 15px; font-weight: bold; font-size: 21px; color: #c8161d; }
#main #top #droite h2 { margin-top: 30px; margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 17px; color: #383838; }
#main #top #droite p { margin-bottom: 15px; font-size: 14px; color: #0e2f27; }
#main #top #droite p.petit { font-size: 11px; }
#main #top #droite p a { color: #c8161d; }
#main #top #droite p a:hover { color: #000; }

#main #middle { width: 900px; background: #e2e3d9 url(../medias/images/bg_pointe.gif) no-repeat left top; }
#main #middle #gauche { width: 251px; padding-top: 70px; text-align: center; float: left; }

#main #middle #droite { width: 612px; padding: 18px 15px 18px 22px; float: left; }
#main #middle #droite h1 { margin-bottom: 15px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 17px; color: #c8161d; }
#main #middle #droite h2 { margin-bottom: 15px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 11px; color: #0e2f27; }
#main #middle #droite p { margin-bottom: 15px; font-size: 10px; color: #0e2f27; }
#main #middle #droite p a { color: #c8161d; }
#main #middle #droite p a:hover { color: #000; }

#main #bottom { width: 900px; padding: 30px 0 30px 0; background-color: #fff; }
#main #bottom #titre { margin: -7px 0 0 383px; position: absolute; }
#main #bottom #babillard { width: 828px; margin: 0 15px 0 15px; padding: 10px 20px 20px 20px; border: 1px solid #dfdcda; font-family: Verdana, Geneva, sans-serif; }
#main #bottom #babillard div.boite { width: 239px; height: 132px; padding: 45px 15px 30px 15px; margin-top: 10px; float: left; }
#main #bottom #babillard div.boite h1 { font-size: 11px; font-weight: bold; color: #b7aca3; margin-bottom: 10px; }
#main #bottom #babillard div.boite h1 a { color: #c8161d; }
#main #bottom #babillard div.boite h1 a:hover { color: #000; }
#main #bottom #babillard div.boite h2 { font-size: 10px; font-weight: bold; font-style: italic; color: #b7aca3; text-align: right; margin-bottom: 5px; }
#main #bottom #babillard div.boite h3 { font-size: 11px; font-weight: normal; color: #b7aca3; margin-bottom: 5px; }
#main #bottom #babillard div.boite p { font-size: 9px; color: #0e2f27; }

#main #bottom #babillard div.gauche { clear: both; }
#main #bottom #babillard div.centre { margin-left: 11px; margin-right: 10px; }
#main #bottom #babillard div.bg1 { background: url(../medias/images/babillard/fiche1.gif) repeat-y left top; }
#main #bottom #babillard div.bg2 { background: url(../medias/images/babillard/fiche2.gif) repeat-y left top; }
#main #bottom #babillard div.bg3 { background: url(../medias/images/babillard/fiche3.gif) repeat-y left top; }
/* ************************************************** */

/* **************** Corps principal ***************** */
#main_s { width: 900px; padding: 7px 14px 0 13px; background: url(../medias/images/bg_sous_menu.png) no-repeat left top; text-align: left;  }

#main_s #top { width: 900px; background: url(../medias/images/bg_main_s_top.gif) repeat-y left top; }
#main_s #top #gauche { width: 251px; margin-bottom: 50px; padding-bottom: 10px; background: #383838 url(../medias/images/bg_sous_smenu.gif) no-repeat left bottom; float: left; }
#main_s #top #gauche ul li { padding: 8px 10px 8px 50px; list-style: none; background: url(../medias/images/puce_smenu.gif) no-repeat 36px 11px; color: #fff; font-size: 13px; border-bottom: 1px solid #4a4a4a; }
#main_s #top #gauche ul li, #main_s #top #gauche p { color: #fff; font-size: 13px; }
#main_s #top #gauche ul li.dernier { border-bottom: 0; }
#main_s #top #gauche ul li.barre_haut { border-top: 1px solid #4a4a4a; }
#main_s #top #gauche ul li.selection { background: url(../medias/images/puce_smenu_s.gif) no-repeat 36px 11px; }
#main_s #top #gauche ul li a, #main_s #top #gauche p a { color: #aedcdb; text-decoration: none; }
#main_s #top #gauche ul li a:hover, #main_s #top #gauche p a:hover { color: #fff; }
#main_s #top #gauche h1 { margin: 0 30px 0 30px; padding-top: 20px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 15px; color: #c7bfaf; }
#main_s #top #gauche p { padding: 8px 10px 8px 30px; }
#main_s #top #gauche p a { color: #ff9f39; text-decoration: underline; }
#main_s #top #gauche p a:hover { color: #fff; }

#main_s #top #gauche_sm { width: 196px; padding: 10px 20px 10px 35px; background: #383838 url(../medias/images/bg_sous_smenu.gif) no-repeat left bottom; float: left; }
#main_s #top #gauche_sm h1 { margin-bottom: 10px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 15px; color: #c7bfaf; border-bottom: 1px solid #565656; }
#main_s #top #gauche_sm p { margin-bottom: 10px; font-size: 11px; color: #c7bfaf; }
#main_s #top #gauche_sm p a { color: #aedcdb; }
#main_s #top #gauche_sm p a:hover { color: #fff; }
#main_s #top #gauche_sm p span.orange { color: #f60; }

#main_s #top #droite { width: 589px; padding: 25px 35px 25px 25px; float: left; }
#main_s #top #droite h1 { margin-bottom: 15px; font-weight: bold; font-size: 21px; color: #c8161d; }
#main_s #top #droite h2 { margin-top: 20px; margin-bottom: 15px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 17px; color: #383838; }
#main_s #top #droite h3 { margin-top: 20px; margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 14px; color: #383838; }
#main_s #top #droite p, #main_s #top #droite ul li { margin-bottom: 15px; font-size: 14px; color: #0e2f27; }
#main_s #top #droite p { font-size: 14px; color: #0e2f27; }
#main_s #top #droite p.petit { font-size: 11px; }
#main_s #top #droite p a, #main_s #top #droite ul li a { color: #c8161d; }
#main_s #top #droite p a:hover, #main_s #top #droite ul li a:hover { color: #000; }
#main_s #top #droite p.msg_erreur, #main_s #top #droite table tr td.formulaire_erreur { color: #CB0101; font-size: 12px; }
#main_s #top #droite p.msg_succes, #main_s #top #droite table tr td.formulaire_succes { color: #03F; font-size: 14px; }
#main_s #top #droite table.creation_compte tr td { padding-bottom: 5px; }
#main_s #top #droite hr { height: 1px; background-color: #e2e3d9; border: 0; }
#main_s #top #droite ul { margin-bottom: 20px; }
#main_s #top #droite ul li { margin: 2px 0 0 40px; list-style: disc; }
#main_s #top #droite ul.president li { margin-top: 10px; list-style: none; }
#main_s #top #droite ul.president li ul li { margin: 2px 0 0 40px; list-style: disc; }
#main_s #top #droite ul.ca li { margin: 0; list-style: none; }
#main_s #top #droite ul.president li { margin-top: 10px; list-style: none; }
#main_s #top #droite ul.pv li { margin: 10px 0 0 0; list-style: none; }
#main_s #top #droite ul.pv li ul li { margin: 2px 0 0 40px; list-style: disc; }
#main_s #top #droite ul.numero li { list-style: decimal; }
#main_s #top #droite #boiteAjout { padding: 10px; background-color: #e2e3d9; margin-bottom: 10px; }
#main_s #top #droite p.boiteRef { margin-bottom: 0; padding: 10px; background-color: #e2e3d9; }
/* ************************************************** */

/* ***************** Pied de page ******************* */
#footer { width: 900px; height: 20px; margin: 0 14px 0 13px; padding-top: 7px; background-color: #c8161d; text-align: center; color: #fff; font-size: 11px;  }
/* ************************************************** */

/* ***************** Formulaires ******************** */
input.bt_membre { width: 144px; height: 35px; background: url(../medias/images/forms/bt_membre.png) no-repeat left top; border: 0; cursor: pointer; }
input.bt_membre:hover { background: url(../medias/images/forms/bt_membre.png) no-repeat left -35px; }

input.bt_membre_petit { width: 120px; height: 29px; background: url(../medias/images/forms/bt_membre_petit.png) no-repeat left top; border: 0; cursor: pointer; }
input.bt_membre_petit:hover { background: url(../medias/images/forms/bt_membre_petit.png) no-repeat left -29px; }

input.bt_membre_l { width: 144px; height: 35px; background: url(../medias/images/forms/bt_membre_l.png) no-repeat left top; border: 0; cursor: pointer; }
input.bt_membre_l:hover { background: url(../medias/images/forms/bt_membre_l.png) no-repeat left -35px; }

input.bt_membre_l_petit { width: 120px; height: 29px; background: url(../medias/images/forms/bt_membre_l_petit.png) no-repeat left top; border: 0; cursor: pointer; }
input.bt_membre_l_petit:hover { background: url(../medias/images/forms/bt_membre_l_petit.png) no-repeat left -29px; }

input.sb_ok { width: 34px; height: 31px; background: url(../medias/images/forms/sb_ok.png) no-repeat left top; border: 0; cursor: pointer; }
input.sb_ok:hover { background: url(../medias/images/forms/sb_ok.png) no-repeat left -31px; }

input.txt_membre { width: 114px; height: 17px; padding: 5px 8px 0 8px; background: url(../medias/images/forms/txt_membre.png) no-repeat left top; border: 0; font-size: 11px; cursor: text; }
/* ************************************************** */