﻿/* ******************************** */
/* FICHIER : styles.css             */
/* DESCRIPTION                      */
/* Feuille de styles globale pour   */
/* La Municipalité de Saibnte-Rita. */
/* AUTEUR : Django Blais            */
/* CRÉER LE : 2009-04-19 14:32:36   */
/* Conception Oznog co. Multimédia  */
/*     http://www.oznogco.com       */
/* ******************************** */
body { text-align:center; }
body,div,td,th,ul,dd,dt,select,input,p { font-family: verdana, arial, helvetica, sans-serif; font-size:12px; color:#000; }
table{font-size:inherit;font:100%;border-spacing: 0;border-collapse: collapse; }
#doc {
  position: relative;
  text-align:left;
  width:1000px;
  margin: 0 auto; 
  padding : 0px;
  background-image: url(/images/f_doc.gif);
  background-position: top left;
  background-repeat: repeat-y;
}
p.centre {text-align:center;}
p.centrepetit {text-align:center;font-size:.8em;}
p.petit {font-size:.8em;}
p.droite {text-align:right;}
p.gauche {text-align:left;}
a:link {text-decoration: underline; color:#739cbd;}
a:visited {text-decoration: underline;color:#5a7a93;}
a:active {text-decoration: none;color:#b9cad8;}
a:hover{text-decoration: none;color:#989933;}
span.petit {font-size: 8pt;font-family: Arial, Verdana, Helvetica, Sans-Serif;}
#MenuPrincipal ul{position:relative; width:100%;margin:0;padding:0;}
#MenuPrincipal ul li{position:relative; float:left;display:block;outline:none;border-left:2px solid #ffffff;}
#MenuPrincipal a{text-align:center;padding:12px;display:block;font-size:90%;font-family: Georgia, "Times New Roman", Times, serif;}
#MenuPrincipal a:link{color:#fff;background-color:transparent;text-decoration:none;}
#MenuPrincipal a:visited{color:#fff;background-color:transparent;text-decoration:none;}
#MenuPrincipal a:hover{color:#ffffff;background-color:#597893;}
#MenuPrincipal a.menuchoix{color:#ffffff;background-color:#597893;}
#hierarchique {width:500px;border-bottom:1px dashed #E4E3D7;margin-bottom:10px;height:16px;vertical-align:middle; background: transparent url(/images/f_titreencart2.png) repeat-x;font-family: Arial, Verdana, Helvetica, Sans-Serif;font-size:10px;color: #397219;}
#hierarchique a:link {text-decoration: none; color:#739cbd;}
#hierarchique a:visited {text-decoration: none;color:#5a7a93;}
#hierarchique a:active {text-decoration: none;color:##b9cad8;}
#hierarchique a:hover{text-decoration: underline;color:#989933;}

#sousmenu {
	width : 186px;
}
#sousmenu ul {
	list-style : none;
	padding : 0;
	margin : 0;
	border : none;
	clear:all;
}
#sousmenu ul li {
	padding : 0;
	margin : 0;
	color : #99ACC2;
	background-color : #fff;
	text-align : left;
	font-family: Arial, Geneva, sans-serif; font-size: 11px;
	border-top : 1px solid #827e00;
	border-left : 1px solid #827e00;
	border-right : 1px solid #827e00;
}
#sousmenu ul li.choix {
	font-weight : bold;
	border-right : 1px solid #ffffff;
}
#sousmenu ul li a {padding : 5px;color : #827e00;text-decoration : none;border-left : 10px solid #827e00;display:block;}
#sousmenu ul li a:visited {color : #827e00;text-decoration : none;}
#sousmenu ul li a:hover {color : #fff;text-decoration : none;border-left : 10px solid #597893;background-color : #597893;}
#sousmenu ul li a.nouvelle {text-decoration : none;border-left : 10px solid #fff;color:#827e00;background-color : #fff;}
#sousmenu ul li a.nouvelle:hover {border-left : 10px solid #fff;background-color : #fff;color:#597893;}
span.alume {background-color:#DCE0E5;}
.sujet { font-size:12px;font-variant:small-caps;}
.legende {text-align:justify; font-size: 10px; color: #4C4C4C; font-style : italic;}
span.expanded {display: block;}
span.collapsed {display: none;}
span.vert {font-family: Arial Black, Verdana, Helvetica, Sans-Serif;color: #6f6d06;font-weight: bold;}
span.TxtPetit { font-family: Arial, Geneva, sans-serif; font-size: 8pt; color:#4C4C4C; }
span.pdf { background-image : url(/images/l_media5.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px;  }
span.fleche { background-image : url(/images/b_fl.gif); background-position : top left; background-repeat : no-repeat; margin-left : 10px; padding-left : 10px; }
span.word { background-image : url(/images/l_media3.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.flash { background-image : url(/images/l_media2.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.image { background-image : url(/images/l_media1.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.excel { background-image : url(/images/l_media4.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.ppt { background-image : url(/images/l_media11.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.html { background-image : url(/images/l_media6.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.mot { border-bottom: dashed 1px #000; font-weight:bold;}
span.extern { list-style-image: url(/images/l_extern.png); }
#texte p {text-align:justify;margin-left:0px;margin-right:0px;}
#texte p,ul,dd,dt {line-height:140%;}
#texte p.retour {text-align : right;padding:0;margin:0;}
#texte p.centre {text-align:center;}
#texte p.centrepetit {text-align:center;font-size:.8em;}
#texte p.petit {font-size:.8em;}
#texte p.droite {text-align:right;}
#texte p.gauche {text-align:left;}
#texte ul.point {list-style-image:none;list-style-type:disc;}
#texte ul.carre {list-style-image:none;list-style-type:square;}
#texte ul.pdf {list-style-image: url(/images/l_media5.gif);}
#texte ul.ppt {list-style-image: url(/images/l_media11.gif);}
#texte ul.excel {list-style-image: url(/images/l_media4.gif);}
#texte ul.word {list-style-image: url(/images/l_media3.gif);}
#texte li.pdf {list-style-image: url(/images/l_media5.gif);}
#texte li.ppt {list-style-image: url(/images/l_media11.gif);}
#texte li.excel {list-style-image: url(/images/l_media4.gif);}
#texte li.word {list-style-image: url(/images/l_media3.gif);}
#texte ul.ancre {padding:0px;margin-left:15px;margin-top:10px;margin-right:10px;margin-bottom:10px;list-style-image: url(/images/p_ancre.gif);}
#texte table.TableauBleu {border-left: #c6c382 1px solid;border-top:#c6c382 1px solid;padding:3px;border-right: #c6c382 1px solid;border-bottom:0px;}
#texte table.TableauBleu th { font-size: .8em; font-weight: bold; text-align : center; background : #c6c382; color: #6e6d05; padding: 3px; }
#texte table.TableauBleu td { font-size: .8em;text-align : left; vertical-align:top;background : #fff; padding: 3px;border-right: #c6c382 1px solid;border-bottom: #c6c382 1px solid;}
#texte table.TableauBleu td.source { padding:5px; text-align : left; font-size: 10px; background : #eee; font-style: italic; }
#texte table.TableauBleu td.centre { text-align : center; } 
#texte table.TableauBleu td.droite { text-align : right; } 
#texte table.TableauBleu td.centrep { text-align : center; background : #e5e4b7;} 
#texte table.TableauBleu td.gauchep { background : #e5e4b7;} 
#texte table.TableauBleu td.droitep { text-align : right; background : #e5e4b7; } 
#texte .imageConteneur {
  width: auto;
  margin:0;
  padding:0;
  font-style : italic;
  font-size: .7em;
  color: #666;
}
#texte .imageDroite {
  float:right; 
  margin:0px 5px 10px 20px; 
}
#texte .imageGauche {
  float:left;  
  margin:0 20px 10px 5px;  
}
#texte .imageCentrer {
  margin:0 auto 10px auto; 
}
#texte .imageMilieud {
  float:right;  
  margin:20px 30px; 20px 10px; 
}
#texte .imageMilieug {
  float:left;  
  margin:20px 30px 20px 5px;  
}

/* #texte a:link {text-decoration: underline; color:#0066cc;} */
#texte a:link {text-decoration: underline; color:#739cbd;}
#texte a:visited {text-decoration: none;color:#5a7a93;}
#texte a:active {text-decoration: none;color:##b9cad8;}
#texte a:hover{text-decoration: underline;color:#989933;}
a:link img, a:visited img { border-style: none }
#texte .notes {border-top : 1px dashed #E9EAF1;font-size : .8em;color:#6f6d06;}
#texte .commentaire { 
  margin: 5px;
  padding-left: 75px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-family: time, serif;
  background-image : url(http://www.fleuve.net/images/f_commentaire.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
#textebasrss {border-top:1px dashed #E4E3D7;}
#apparentetitre {
  height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#BB5211;  
  vertical-align: middle;
  font-weight: bold;
  padding:5px;
  border-bottom : 1px solid #E9EAF1; 
  /* background: #F1F3F7 url(/images/f_apparente.jpg) repeat-x; */
}
#apparente {
  border : 1px solid #E9EAF1;
  background-color : #FCFCFC;
}
#apparente p {
  margin:0;
  padding: 10px;
  font-size:.8em; 
  color:#999; 
}
hr { margin:0;padding :0; margin-top:1em;margin-bottom:1em;border: 0; height: 1px; width: 99%;clear : both; background-color:#6f6d06; color: #6f6d06; }
#encart {
	color : #000;
  background-color : #ffffff;
	border : 1px solid #e4e3d7; 
	padding:0px;
	margin:0px;
}
#encart .titreencart {
	border : 1px solid #fff; 
	text-align : center;
	padding:5px;
	color: #827e00;
	margin:0;
	font-weight: bold;
	background-image : url(/images/f_titreencart.png);  
  background-position: top left;
  background-repeat: repeat-x;
}
#encart h5,p {
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#encart p {
	margin:10px;
}
#encart ul,ol {
	margin-right:20px;
}
h1 {
  font-size : 1.65em; 
  color : #4c4c4c; 
  text-transform : uppercase;
  background-color : transparent; 
}
h2 {
  font-weight: normal;
  /* font : 14pt/14pt 'lucida sans unicode', 'lucida grande', verdana; */
  font : 16pt/16pt Georgia, 'Times New Roman', Times, serif;
  font-family: Times, serif;
  font-family: ;
  line-height:120%;
  width: 540px;
  letter-spacing: -0.03em;
  color : #6f6d06; 
  background-color : transparent; 
}
h3 {
  margin: 0;
  padding: 0;
  font : 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  line-height:120%;
  color : #666; 
  font-style : italic; 
  background-color : transparent; 
} 
.tacti {text-align:center;font: 11pt/11pt Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #6f6d06;}
h5 {font: 11pt/11pt Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height:120%; color: #000; vertical-align: middle; text-transform: none;	letter-spacing: 0.01em; background-image:url(/images/t_crochet.gif);background-repeat:no-repeat;background-position: 0px -2px;padding-left:38px;height:26px;vertical-align:middle;}
h6 {font : 0.75em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#333;font-weight: normal;}
#texte ul.fl {margin:0;margin-left:50px;padding:0;}
#texte ul.fl li {padding-left:15px;padding-top:0;padding-bottom:8px;margin-left:-25px;line-height:140%;list-style-type: none;list-style:none;background-image:url(/images/b_fl.gif);background-repeat:no-repeat;background-position: 0px 5px;}
