/*-------------------------- GENERALE  -------------------------*/
body {
	background-image: url("../images/fond_body.gif");
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	color: #000000;
	font-weight:normal;
}
.rouge {color:#BD200F;}
.bold {font-weight: bold;}
.bleu {color:#127992;}
.petit{font-size: 10px;}

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


/*-------------------------- CONTENT -------------------------*/
div#content { width: 526px; float: left; background-image:url("../images/fond_content_gabarit.gif"); min-height:400px;  }
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") 0% 40% no-repeat; padding: 0px 0px 0px 25px;
}
div#content a.lienrouge:hover {background: url("../images/puce_3_rouge.gif") 4px 40% no-repeat;}
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: 0px 10px 10px 20px;}

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 {float: left; margin: 0px 10px 10px 0px; border: 4px solid #FFDB0F;}
div#content .visuelR {float: right; margin: 0px 0px 10px 10px; border: 4px solid #FFDB0F;}


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: 0px 0px 0px 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: 480px;}
table.meetings tr.entete {font-size: 11px; font-weight: bold; color: #FFF;}
table.meetings tr.entete td {
 border-top: 1px solid #97200F;
 border-bottom: 2px solid #97200F;
 border-right: 1px solid #FFF;
 border-left: 1px solid #97200F;
 background-color: #BD200F; 
 padding: 4px 0px 0px 8px;
 margin: 0px 0px 5px 0px;
 color: #FFF;
}
table.meetings tr {background-color: #FFF; font-size: 11px; }
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:100px;}
table.meetings td.large280px {width:280px;}
table.meetings td.date {font-weight: bold; font-size: 12px; color: #BB200F;}


/* FORMULAIRE */

form {margin: 0px;}
form.meetings p.item {
 width: 150px;
 float: left;
 font-size: 11px;
 font-weight: bold;
}
form.meetings input.txt {width: 300px; border: 0px; background-color: #FFF; border: 1px solid #E5E5E7; color: #BB200F; font-size: 12px; padding: 2px 2px 2px 8px; height: 16px;}
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 {width: 142px; height: 28px; margin: 0px 0px 0px 150px;}



/*-------------------------- 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;}