/*-------------------------- GENERALE  -------------------------*/
body      { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-image: url("(EmptyReference!)"); margin: 0 0 80px }
.rouge {color:#BD200F;}
.bold {font-weight: bold;}
.bleu {color:#127992;}
.petit{font-size: 10px;}

/*-------------------------- NAVGAUCHE -------------------------*/
div#navgauche    { width: 200px; float: left }
div#navgauche ul   { margin: 0 0 0 5px; padding: 0; width: 160px }
div#navgauche li { border-bottom: 1px solid #FFDB0F; margin: 0px; padding: 1px 0px 1px 0px; list-style-type:none;}
div#navgauche li a  { color: #e7c294; font-size: 16px; font-weight: bold; text-decoration: none; display: block; padding: 2px 4px }
div#navgauche li a.select, div#navgauche li a:hover  { color: #003082; background-color: #e7c294 }


/*-------------------------- CONTENT -------------------------*/
div#content   { background-image: url("(EmptyReference!)"); min-height: 400px; float: left }
div#content a.jaune { color: #FFFFFF;}
div#content a.jaune:visited, div#content a.jaune:hover{ color: #FFDB0F; text-decoration:none;}
div#content p, div#content li { font-size:12px; }
div#content h1 { font-size:22px; color:#BD200F; font-weight:normal; }
div#content h2 { font-size:18px; color: #007593; font-weight:normal;}

div#content p.navn2 { background-color:#BD200F; margin: 0px; padding: 4px 4px 4px 20px; color: #FFDB0F; text-align: left;}
div#content p.navn2 a:link, div#content p.navn2 a:active, div#content p.navn2 a:visited {color: #FFDB0F; text-decoration: none; padding: 0px 4px 0px 4px;}
div#content p.navn2 a:hover {font-weight: bold; padding: 0px 4px 0px 4px;}
div#content p.navn2 a.select:link, div#content p.navn2 a.select:active, div#content p.navn2 a.select:visited, div#content p.navn2 a.select:hover {display: inline; font-weight: bold; color: #FFDB0F; text-decoration: none; padding: 0px 3px 0px 4px;}

div#content p.haut {float:right;}
div#content p.haut a:link, div#content p.haut a:active, div#content p.haut a:visited {color: #BD200F; font-weight: bold; text-decoration: none; font-size: 11px; padding: 0px 15px 0px 0px; background: url("../images/puce-haut.gif") 100% 50% no-repeat;}
div#content p.haut a:hover {color: #000;} 

div#content a.lienrouge:link, div#content a.lienrouge:active, div#content a.lienrouge:visited   { color: #bd200f; font-weight: bold; text-decoration: none; background: url("../images/puce_3_rouge.gif") no-repeat 0 40%; padding: 0 0 0 25px }
div#content a.lienjaune:link,div#content a.lienjaune:active, div#content a.lienjaune:visited { color: #ff0; font-weight: bold; text-decoration: none; background-color: transparent; background-image: url("(EmptyReference!)"); background-position: 0 40%; padding: 0 0 0 25px }
div#content a.lienrouge:hover  { background: url("(EmptyReference!)") no-repeat 4px 40% }
div#content a.lienjaune:hover { color: white; background: url("../tm/images_tm/puces_jaunes.php") no-repeat 4px 40% }
div#content .lienTxt:link, div#content .lienTxt:visited, div#content .lienTxt:active {color: #BD200F; text-decoration: underline;}
div#content a.lienTxt:hover {text-decoration: none;}

div.dutexte  { padding: 0 10px 10px }

div#content ul { margin: 10px 0px 8px 30px;}
div#content li   { list-style-image: url("../images/puce-li.gif"); list-style-position: outside }
div#content .visuelL   { margin: 0 10px 10px 0; float: left; border: solid 1px orange }
div#content .visuelR   { margin: 0 0 10px 10px; float: right; border: solid 1px orange }


div#content p.citation { background: url("../images/guillemets.gif") 100% 100% no-repeat; padding: 0px 0px 10px 0px;}

div.onglet ul { margin: 10px 0px 8px 0px;}
div.onglet li  { list-style-image: url("../images/puce-li.gif"); list-style-position: outside; margin: 0 0 0 80px }

div.onglet img{border:0px; float: left;}

div.ongletMenu { margin: 0px; padding: 0px;}
div.ongletMenu p{ color: #000; margin: 0px; background-color: #5ADEFF; padding: 8px 0px 6px 0px;}
div.ongletMenu a.onglet1:link, div.ongletMenu a.onglet1:visited, div.ongletMenu a.onglet1:active { background-color: #48B2CC; padding: 8px 20px 6px 20px; color: #000; font-weight: bold; text-decoration: none;}
div.ongletMenu a.onglet1:hover {color: #FFF;}
div.ongletMenu a.onglet2:link, div.ongletMenu a.onglet2:visited, div.ongletMenu a.onglet2:active { background-color: #5ADEFF; padding: 8px 20px 6px 20px; color: #000; font-weight: bold; text-decoration: none;}
div.ongletMenu a.onglet2:hover {color: #FFF;}
div.ongletMenu a.ongletOn:link, div.ongletMenu a.ongletOn:visited, div.ongletMenu a.ongletOn:active { background-color: #FFF; padding: 8px 20px 6px 20px; color: #000; font-weight: bold; text-decoration: none;}
div.ongletMenu a.ongletOn:hover {color: #48B2CC;}


div.onglet { background-color: #FFF; margin: 0px; padding: 0px; border: 1px solid #FFF;}
div.onglet p {}
div.onglet h2 { color: #007593;}
div.onglet li { list-style-type:square; display: block;}


table.meetings  { width: 740px }
table.meetings tr.entete  { color: #fff; font-size: 12pt; font-weight: bold }
table.meetings tr.entete td    { color: #fff; font-size: 15px; background-color: #00a100; margin: 0 0 5px; padding: 4px 0 0 8px }
table.meetings tr  { font-size: 20px; background-color: #fff }
table.meetings td {
 vertical-align: top;
 font-size: 11px;
 color: #333333;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #E5E5E7;
 border-right: 1px solid #FFF;
 padding: 4px 2px 2px 4px;
 margin: 0px 0px 0px 0px;
}
table.meetings td.large100px  { width: 240px }
table.meetings td.large280px  { width: 500px }
table.meetings td.date  { color: #bb200f; font-size: 12px; font-weight: bold }


/* FORMULAIRE */

form {margin: 0px;}
form.meetings p.item   { color: white; font-size: 11px; font-weight: bold; background-color: #bc0000; width: 150px; float: left }
form.meetings input.txt  { color: purple; font-size: 12px; background-color: #fff; padding: 2px 2px 2px 8px; width: 300px; height: 16px; border: solid 1px #e5e5e7 }
form.meetings textarea {width: 316px; border: 0px; background-color: #FFF; border: 1px solid #E5E5E7; color: #BB200F; font-size: 12px; padding: 2px 2px 2px 8px; height: 80px;}
form.meetings .sinscrire  { color: orange; background-color: olive; margin: 0 0 0 150px; width: 142px; height: 28px }



/*-------------------------- FOOTER -------------------------*/
div#footer { width: 100% float: none; clear:both;  background-color:#000000;  margin-top: 0px; padding: 22px 0px 32px 0px;
border-top: 1px solid #FFDB0F;
border-bottom: 1px solid #FFDB0F;
}
div#footer, div#footer a { color: #FFDB0F; text-decoration:none; }
div#footer p { width: 780px; text-align: center; margin: 0px; padding: 0px;}
h6 { color: black; font-size: 11pt; font-family: Arial }