/*----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html {color: #000;  border: none; font: normal 76%/1.2  verdana, arial, helvetica, sans-serif;background:  url(/images/header/new/background8.gif) repeat-x; }
body {color: #000;  border: none;background: url(/images/footer/bg_bottom.gif) repeat-x bottom left; }
#page { width: 978px;  margin: 0 auto;  padding: 0px; }
#header { height:110px;  }
#header-inner{  margin: 0px;  padding: 0px; }
#container { float: left;  margin-bottom: 10px;} 
#container-inner{ margin: 0px;  padding: 0px; } 
#mainnav {  width: 200px;  background-color: #ffffff; float: left; padding: 10px; margin: 0px;  }
#contentaccueil, #content {width: 750px;  padding: 0px; margin: 0px; float: right;   }
#contentaccueil-inner{margin: 0px;padding: 0px 0px 0px 0px;min-height: 790px;}
#content-inner, #contenuinterne {
background-color:#FFFFFF;
color:#000000;
float:right;
list-style-image:url(/images/header/new/puce_orange.gif);
min-height:450px;
padding:20px;
text-align:justify;
width:700px;
}


#stageright {
width: 320px;   
 float: right;
}
#stageleft {
background-color:#FFFFFF;
float:left;
margin-left:10px;
padding:10px;
width:400px;
}

.gauche {
	text-align: left;
}
/* ------ Menu horizontal  --------*/	

#topnav {display:block; height:40px; width:978px; }
#topnav ul { list-style: none; float: right; }
#topnav ul li { display: inline; }
#topnav ul li a { float: left; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 12px  25px; padding-top: 9px; border-left: 1px solid #000; border-right: 1px solid #585858; }
#topnav ul li a:hover { background: url(/images/header/new/nav-hover.gif) repeat-x top; }
#topnav ul li a strong { color: #efba16; }
#topnav ul li a:hover {}

top { width: 978px; margin: 18px 0px 0px 20px; }
#top h1 { display: none; }
#top h2 { display: none; }
#top .logo{ width:181px; height:55px; margin: 7px 0 0 20px; float: left;}
#top .pub{ position: relative; right:0px; top: 5px; float: right; width: 468px; height: 60px;}
#top .pub{ position: relative; left:29px; top: 5px; float: left; width: 468px; height: 60px;}
#top .slogan2 { float: right; clear: right;text-align: right; padding: 0px; width:266px; height: 65px; background: url(/images/header/new/slogan.png) no-repeat top right; margin-top:2px;}
#top .recherche { display: none;float: right; clear: right;text-align: right; padding: 10px 8px; width:260px; height: 40px; background: url(/images/header/new/bg_recherche.png) no-repeat top right; margin-top:4px;}
#top .recherche label { display: none; }
#top .recherche input { color: #454545; font-size: 14px; width: 203px; padding:4px;  }
#top .recherche input#a {  padding:8px;}
#top .recherche input.go { background:  url(/images/header/new/bouton2.png) no-repeat top center; font-weight: bold; color: #fff; width: 35px; border: none; cursor: pointer;}

h1, .h1 { background: url(/images/divers/bg_h1.jpg) repeat-x bottom left; color:#454545; font-family:'Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif; font-size:1.7em; font-weight:normal; line-height:24px; margin: -10px -10px 20px -10px ; padding: 0px 10px 5px 10px;  font-weight: bold;}
h2, .h2, h3, .h3  { font-family:'Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif; line-height:1.3em;font-size: 1.4em; color: #b60f1d;    margin: 20px 0px 8px 0px; padding: 0px;}
h4, .h4 { font-family:'Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif; font-size:1.2em; color: #454545;   font-weight: bold; padding-bottom: 5px;}
h5, .h5 { color: #585858; font-family: Arial,sans-serif; font-size: 18px; margin: 20px 0px 8px 0px; padding: 0px; border-bottom: 2px solid #dfdfdf}
a:link, a:visited, a:active { color: #a7111c; text-decoration: none;}
a:hover { color: #efba16; text-decoration:underline; }

.default, .defaut, .texte {
	color : #000;
	margin: 0;
	padding: 0;
}
p {
margin-bottom:10px;
padding:0pt;
}

/*----------------------------------------------------------------------------- 
Publicité
-----------------------------------------------------------------------------*/
#pubmiddle{
	margin: 0px;
	padding: 0px;
	text-align: center;
	display:block;
	width: 300px;
	background-color: #fff;
	border: 10px solid #fff;
}
/* Général */
.accueil_section , .accueil_section2 {   display: block; margin-bottom: 10px; padding: 10px; background-color: #ffffff; }
.accueil_section h2, #video h2 { background:#fff url(/images/header/new/bg_module3.png) repeat-x top left; color: #ffffff; height: 27px; font-size: 13px; text-align:left; font-weight: bold; padding: 3px; margin: 0px; border-bottom: none;  }
.accueil_section2 h2 { background:#fff url(/images/header/new/bg_module5.png) repeat-x top left; color: #ffffff; height: 27px; font-size: 13px; text-align:left; font-weight: bold; padding: 3px 0px 2px 3px; margin: 0px; border-bottom: none;  }
.accueil_section  img {padding: 0px; margin:8px 0px; }
.titre{font-size: 1.1em; color: #a6181c; margin-bottom:4px; }

/* Emploi */
#emploi { background-color:#FFFFFF; border: 6px solid #fff;  } 
#list-emploi ul { margin: 0;  padding: 0; list-style-image: url(/images/divers/spacer.gif);	 } 
#list-emploi li { margin: 0; list-style-image: url(/images/divers/spacer.gif);	} 
#list-emploi a { display: block; padding: 5px 5px 5px 10px; font-size: 11px; color: #000; text-decoration: none; border-bottom: 1px solid #E7E4D8;	}
#list-emploia:link, #list-menu a:active, #list-menu a:visited { color: #637379; }
#list-emploi a:hover { background-color: #fcf9ee; } 
#list-emploi .emploi2 a:link, #list-emploi .emploi2 a:active, #list-emploi .emploi2 a:visited { background:transparent url(/images/header/new/puce_rouge.gif) no-repeat 0px 7px; color: #c20a1d; font-size: 11px; font-weight: bold; padding-left: 12px; }
#list-emploi .emploi2 a:hover { color: #efba16; background-color: #fff; } 


/*----------------------------------------------------------------------------- 
FRAME HEADER
-----------------------------------------------------------------------------*/

 #pubtop{
	float: right;
	padding: 0px;
	padding-top: 7px;
} 
#logo{
	display: block;
	width: 288px;
	height: 74px; 
	float: left;
	background: #fff url(/images/head/logo_pale.gif) no-repeat; 
	cursor: pointer;
} 
.personnalisation{
	float: right;

}
#subnav {
	background-color:#7b0003;	
	clear: both;
	height: 26px;
	background: #fff url(/images/head/bg_menu.jpg) repeat-x top left; 
	border-bottom: 1px solid #fff;
}
#navigation {
background-color: #7b0003;
}

#navigation ul { padding: 0; }
#navigation ul li { display: inline; }

#navigation ul {
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: 'lucida grande', tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;

font-weight: bold;
float: left;
}

#navigation ul li a {
padding: 6px 43px;
color: #FFFFFF;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
height: 14px;
}

#navigation ul li a:hover, #navigation_active a:visited, #navigation_active a:active, #navigation_active a:link {
color: #FFFFFF;
background: #fff url(/images/head/bg_menu_hover.jpg) repeat-x top left; 
}

#txusager {
	font-size: 11px;
	color: #fff;
	text-align: left;
	font-weight: bold;
} 


/*----------------------------------------------------------------------------- 
FRAME CONTENT
-----------------------------------------------------------------------------*/

#content a:link, #content a:visited, #content a:active {
	color: #c4091d;
	text-decoration: none;
}
#content a:hover {
	color: #454545;
	background-color: #f5f6f2;
	text-decoration: underline;
}
#content img { margin-top: 12px; }
#content  ul {
margin:0px;
padding:0px;
}
#content li {
list-style-image:url(/images/header/new/puce_orange.gif);
margin:0pt 0pt 0pt 18px;
padding:0px;

}
#article img {
	margin: 0px 0px 5px 15px;

	float: right;
}
.image_droite {
	background-color: #fff;
	float: right;
	margin: 0 0 10px 10px;
}
.image_droitecadre {
	background-color: #fff;
	border: 1px solid #b3af9e;
	float: right;
	padding: 5px;
	margin: 0 0 10px 10px;
}
.image_gauche {
	background-color: #fff;
	float: left;
	margin: 0 10px 10px 0;
}
.image_gauchecadre {
	background-color: #fff;
	border: 1px solid #b3af9e;
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
}




/*----------------------------------------------------------------------------- 
FRAME POPUP
-----------------------------------------------------------------------------*/
#popup
{
	background: #FFF;
	width: 95%;
	height: 100%;
}
#popupcontent
{
	width: 95%;
	background-color: #FFF;
	float: left;
	margin: 0; 
	padding: 8px 15px 15px; 
}
/*----------------------------------------------------------------------------- 
FRAME NAVIGATION
-----------------------------------------------------------------------------*/

/*  Style */


.formcontrolslog2 {
	width: 100px;
	color: #636051;
	border: solid 1px #8f8a71;
}
.formcontrolslog {
	width: 160px;
	color: #636051;
	border: solid 1px #8f8a71;
}
.formcontrolslog:focus
{
	background:#f5f6f2;
	border-color:#d3cbb0;
}


/*--------- Début Nouveau Menu Style -----------*/

.menu_section {  background-color: #ffffff; margin-bottom: 10px;}
.menu_section h2 { color: #ffffff; padding: 3px; margin: 0px; font-size: 13px;  font-weight: bold;   background: url(/images/header/background4.gif) repeat-x; }
.menu_section ul{ list-style: none; padding: 0; margin: 0; }
.menu_section li a { border-bottom:1px solid #e7e4d8; height:30px; line-height:30px;  color:#474747; display:block; font-size:11px;  font-weight:bold; background-color: #f9f9f9; padding:3px; text-decoration:none; }
.menu_section li a:hover { background-color: #fff; color: #a7111c; text-decoration: none; }
.menu_section  li a.high{ border-bottom:1px solid #e7e4d8; height:40px;  line-height:20px; color:#474747; display:block; font-size:11px;  font-weight:bold; background-color: #f9f9f9; padding:3px; text-decoration:none; }
.menu_section li a.high:hover { background-color: #fff; color: #a7111c; text-decoration: none; }

/*----------------------------------------------------------------------------- 
FRAME FOOTER
-----------------------------------------------------------------------------*/
#footer {  width: 950px; height: 200px;   clear: both; padding:10px;}
#footer .list-footer {  font-size: 11px; width: 22%; float: left; border: 0px; }
#footer .list-footer a { color: #c3c1c1; }
#footer .list-footer a:hover { color: #fff; padding-bottom:5px; text-decoration: none; }
#footer h2 { margin: 0px; padding: 0px; font-weight: bold; color: #efba16; }
#footer .logo h3 { font-size: 14px;margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 2px; color: #fff;text-align: right; }
#footer .logo h4 { font-size: 14px; color: #c3c1c1;  text-align: right; letter-spacing: 2px; padding: 0px; background: url(/images/header/new/telephone.png) no-repeat 140px 1px;}
#footer .logo { font-size: 10px; color:#c3c1c1; width: 31%; min-height: 30px;  float: right;  border-left: 1px solid #646464; text-align:right }
#footer .ecrire-button a{ font-size: 12px; color:#c3c1c1;}
#footer .feed-button { padding: 10px 0;}
#footer .feed-button a {  font-size: 12px; width: 220px;  color: #b9d439; padding: 16px 15px 16px 85px;  background: transparent url(/images/header/new/rss.gif) no-repeat  top  left;   }
#footer .feed-button a:hover { color: #ec7d2c; background: transparent url(/images/header/new/rss_hover.gif) no-repeat top  left;  }
.feed { margin-left: 3px; padding: 0 0 0 19px; background: url(/images/header/new/feed-icon-14x14.png) no-repeat 0 50%; }



blockquote {
	float: right;
	font-size: 15px;
	width: 150px;
	padding: 17px;
	margin: 0;
	text-align: center;
	color: #A8A591;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	background: #fff url(/images/divers/quote_start.gif) left top no-repeat;

} 
blockquote div {
	padding:5px;
	background: #fff url(/images/divers/quote_end.gif) bottom right no-repeat;		
} 





.sep {
	height: 21px;
	background-color:#FFF;
	background-image: url(/images/divers/sep.gif);
	background-repeat: repeat-x;	
}


/*----------------------------------------------------------------------------- 
Section fournisseurs
-----------------------------------------------------------------------------*/
/* LISTING DES ARTICLES*/
#repertoire { padding: 0px; color: #000; font-size: 11px; background:#fff url(/images/header/new/bg_repertoire.gif) repeat-x bottom left;  clear: both;  margin-bottom: 15px; }
#repertoire h2  {  background:#fff url(/images/header/new/bg_module3.png) repeat-x top left; color: #ffffff; height: 27px; font-size: 13px; text-align:left; font-weight: bold; padding: 3px; margin: 0px; border-bottom: none;  }
#repertoire .left { padding: 7px 0px 0px 7px; float: left; width: 200px; border-right: 1px dotted #b7b59f; }
#repertoire .right {  padding: 7px 7px 0px 7px; float: left; width: 170px; }
#repertoire ul { padding: 0; margin: 0; list-style: none; 	}
#repertoire  li { background: url(/images/header/new/puce_orange.gif) no-repeat 0px 9px;  padding: 8px 2px 3px 14px; }
.listing  {padding: 3px 5px; color: #000; font-size: 11px; }
.listing h2  { margin: 3px 0 8px 0; color: #a6181c; font-size: 1.3em; border-bottom: #fcf9ee solid 2px;}
.listing ul { padding: 0; margin: 0; list-style: none; 	}
.listing li { background: url(/images/header/new/puce_orange.gif) no-repeat 0px 12px;  padding: 8px 2px 3px 14px; }
.listing a, .listing a:link, .listing a:active, .listing a:visited { text-decoration: none;color: #000; display: block; font-size: 12px; line-height: 18px;}
.listing a:hover { color: #a7111c; text-decoration: underline; }
.listing p { padding: 0; margin: 0; color: #000;}


#magazine  {padding: 6px; color: #000; font-size: 11px;  background:#454545 url(/images/header/new/bg_revue.gif) repeat-x top left; border: 2px solid #000;}
#magazine h2  { color: #efba16; font-size: 1.2em; }
#magazine h3  { color: #fff; font-size: 1em; }
#magazine ul { padding: 0; margin: 0px; list-style: none; 	}
#magazine img { float:left; padding: 0; margin: 0;	}
#magazine li { background: url(/images/header/new/puce_orange.gif) no-repeat 0px 12px;  padding: 8px 2px 3px 14px; }
#magazine a, #magazine a:link, #magazine a:active, #magazine a:visited { text-decoration: underline; color: #efba16; display: block; line-height: 18px;}
#magazine a:hover { color: #fff; text-decoration: none; }
#magazine  p {float:right; width: 115px; margin-right: 5px; margin: 0; color: #fff; }

/*----------------------------------------------------------------------------- 
Flash news
-----------------------------------------------------------------------------*/
.flashnews {
	float: right;
	width: 295px;
	margin: 0px;
	padding: 0;
	background-color:#FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a89d84;
} 



/*----------------------------------------------------------------------------- 
DIVERS
-----------------------------------------------------------------------------*/

.faq-questions
{
	font-weight: bold;
}

.parano_style
{
	color: #a90101;
}

.noindent {
	margin-left: 8px; 
	padding: 0;
	list-style-type: none;
}
.spaced li
{
	margin-bottom: 5px;
}
.fondblanc {
	background-color: #FBFDFF;
}
.encadre {
	width: 100%;
	background-color: #f5f6f2;
	padding: 6px;
	border: 1px solid #b2b798;
}
.encinverse {
	width: 580px;
	background-color: #7b0103;
	font-weight: bold;
	color: #fff;
	padding: 6px;
	border: 1px solid #fff;
}
.barrerecherche {
	width: 100%;
	height: 8px;
	background-color: #fff;
	padding: 1px;
	border: solid 1px #aea98e;
}
/*----------------------------------------------------------------------------- 
LISTING & TABLE
-----------------------------------------------------------------------------*/
.tbl
{
	padding: 0;
	border: 1px solid #e1dfce;}

.tbl td
{
	padding: 8px 15px 8px 15px;
	background-repeat: repeat-x;
}

.tbl th
{
	padding: 8px 15px 8px 15px;
	background: #f0efe7 url(/images/divers/bg_header.gif) repeat-x;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.tbl .t {
	background: #fafaf7 url(/images/divers/bg_row.gif) repeat-x;
	border-bottom: 1px solid #d7d6cc;
}

.tbl .sujet
{
	background: url(/images/divers/bg_header2.gif) repeat-x;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #fff;
}
th, listheader
{
	background: #d1cebc;
	color: #676146;
	font-size: 8pt;
	text-align: left;
	padding: 2px;
	vertical-align: bottom;
	margin: 0px;
}
.list
{

	font-size: 1em;
}
.listresult
{
	color: #474539;
	background: #444444;
	border-top: solid 1px #DCE4EB;
	padding: 6px;
}
.list1
{


	color: #444444;
	background: #fafaf7 url(/images/divers/bg_row2.gif) repeat-x;
	border-bottom: 1px solid #d7d6cc;
	padding: 6px;
}

.list2
{


	color: #444444;
	background: #fff;
	border-bottom: 1px solid #d7d6cc;
	padding: 6px;
}



.links,  .links:link, .links:active, .links:visited, .links:hover   {


	padding: 4px 0px 3px 12px;
	color: #444444;
	text-decoration:none;
	background: url(/images/divers/puce_list3.gif) no-repeat 0px 7px;
}

.linksdescription {
	color: #474539;
	padding: 2px 0px 5px 12px;


}

/*----------------------------------------------------------------------------- 
FORMULAIRE
-----------------------------------------------------------------------------*/
#login {
	position: relative;
	padding: 6px;
	font-size: 11px;
	color:#fff;
	margin-bottom: 10px;
	background:#cc071e url(/images/header/new/bg_login2.gif) repeat-x top right;
}
#login span {
	font-weight: bold;
	padding: 2px;
	margin-bottom: 5px;
}
#login h2 {
	color:#fff;
	font-size: 13px;
	text-align:left;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#login h3 {
	font-size: 11px;
	text-align:left;
	padding-bottom: 2px;
	color: #fff;
	margin: 0px;
	font-weight:normal;
}
.amenu_log, .amenu_log:link, .amenu_log:visited, .amenu_log:active {
	display: block;
	color: #fff;
	padding: 3px;
	font-size: 11px;
	
}
.amenu_log:hover {
	color: #464646;	
	background-color: #eceee3;
	text-decoration: none;
}


 label {
	width: 100%;
	float: left;
	text-align: left;
	display: block
}



input, textarea {
	font-family: Verdana,  Courier, monospace;
	color: #333333;
	background: #fff;
	padding: 4px;
/* 	border: 1px solid #c3c1b1;*/

}

#repertoire input.but_recherche  {  
	padding: 0px;
	height: 21px;
	width: 22px;
	margin-top:5px;
	border: none;

}

#repertoire .buttonRecherche  {  
  border:medium none;
  background: #7f1318;
  height: 30px;
	width: 150px;
	margin: 5px;
  padding:2px;
	color: #fff;
  cursor: pointer;
  font-weight:bold;
  font-size:2em;  	
		
}
#repertoire input {
  width:90%;
}

#repertoire .rechercheRapideItem {
      position:relative;
      float:left;
      padding:1%;
      margin:2px;
      width:46%;
      border:1px solid #EdDDDD;               
   }

#login input  {
	font-family: Courier, monospace;
	color: #333333;
	background: #fff;
	padding:3px;
	border: 0px solid #fff;
}
#login input.submit {
border:medium none;
background: #7f1318;
padding:2px;
	color: #fff;

cursor: pointer;
font-weight:bold;
}

#login input.chkmemo {
	
	background: none;
	padding: 0px;
	
}

.submit input{
	margin-left: 4.5em;
	color: #fff;
	background: #950003;
	border: 2px outset #d7b9c9;
	text-align: center;
}
fieldset{
	border: 1px solid #d7d6cc;
	width: 95%;
	margin-top: 20px;
	padding: 10px;
}

legend {
	color: #7b7559;
	background: #f5f6f2;
	border: 1px solid #d7d6cc;
	padding: 2px 6px;
	font-weight: bold;
	text-transform: uppercase;
}


.formheader {
	color: #8c8872;
	font-size: 10px;
	font-weight: bold;
	background-color:#ece9dd;
}
.formseparator {
	color: #516F8C;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #b2b798;
	border-width: 0px 0px 1px 0px;
}
.formcaptions {
	color: #777777;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.formfields {

	color: #444444;
	font-size: 8pt;
	font-weight: normal;
}
.formexplication
{
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #F8F8F8;
	border-style: solid;
	border-color: #909090;
	padding: 5px;
	border-width: 0px 0px 0px 0px;
	text-align: left;
}

.formerrors {
	color: #950003;
	font-weight: bold;
}
.formrequired {
	color: #d57c0a;
	font-weight: bold;
}
.avertissement	{	
	border: 2px solid #d57c0a;
	background-color: #eea322;
	color: #fff;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}

.formcontrols{	
	font-size: 11px;
	color: #777777;
	border: 1px solid #aea98e ;
	background-image: url(/images/divers/formbg.gif);
	padding-left: 11px;
}
.formcontrols:focus {
	background:#f5f6f2;
	border-color:#d3cbb0;
	padding-left: 11px;
	background-image: url(/images/divers/formbg.gif);
}

.formbuttons {
height: 20px;
font-size: 10px;
border:1px solid #aea98e;
background: #dedacd url(/images/divers/bg_button2.gif) repeat-x;
color:#7d7860;
cursor:pointer;
font-weight:bold;
}
.formbuttons:hover {
background: #cecbb7 url(/images/divers/bg_button2h.gif) repeat-x;
border:1px solid #908c78;
color:#5e5a45;
cursor:pointer;

}

/*----------------------------------------------------------------------------- 
Repertoire des fournisseurs
-----------------------------------------------------------------------------*/

.listrep1 {
background: #ffffff;
color:#5e5a45;
font-size: 10px;
}
.listrep2 {
background: #ffffff;
color:#5e5a45;
font-size: 10px;
}
.titre_rep {

	font-weight: bold;
	color: #7b0003;
	font-size: 14px;
	background: #f6f6f1;
	color:#8b866b;
	padding: 3px;
}

/*----------------------------------------------------------------------------- 
TABS
-----------------------------------------------------------------------------*/
#navlist {
width: 97%;
height: 15px;
margin: 0;
padding: 0;
border-top: 2px solid #7b0103;
}

#navlist li {
height: 15px;
float: left;
margin: 0;
list-style-type: none;
padding: 0px 4px 4px 4px;
}

#navlist li ,#navlist  a:link, #navlist a:visited, #navlist a:active {
position: relative;
width: 100px;
display: block;
margin: 0;
padding: 0 2px 0 2px;
background-color: #f5f6f2;
color: #636051;

text-align: center;
text-decoration: none;
}
#navlist li a:hover {
	color: #444444;
	background-color: #bebaa5;
	text-decoration: none;
}

#navlist li#active a {
font-weight: bold;
background-color: #7b0103;
color: #fff;
}

#date_edition {
	width: 100%;
	background-color: #ffffff;
	color: #444444;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	padding-top: 3px;
}

#section_titre {
	width: 280px;
	background-color: #ffffff;
	text-decoration: none;
	background-image: url(/images/accueil/titre_rubrique/titre_bg.gif);
	float: left;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5d5949;
}
#menu_section {
	background-color: #ffffff;
	text-decoration: none;
	background-image: url(/images/menu_interne/bg.gif);
	float: right;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;	
}
#menu_sectionint {
	background-color: #ffffff;
	text-decoration: none;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;	
}
#menu_titre {
	width: 100%;
	background-color: #ffffff;
	text-decoration: none;
	background-image: url(/images/menu_interne/bg.gif);
}

/* Style divers                          */

#outils {
	position: relative;
	font-size: 9px;
	background-color: #D4DCE4;
	padding: 0px 3px 0px 3px;
}


/******************************************/
/* breadcrumb Style                       	  */
/******************************************/


.abreadcrumb, .abreadcrumb:link, .abreadcrumb:active, .abreadcrumb:visited  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #474539;
	font-size: 11px;
	text-decoration: underline;

}
.abreadcrumb:hover {
	color: #7c0004;
	text-decoration: none;
}
.breadcrumbsep {
	color: #7c0004;
	font-size: 9px;
	font-weight:bold;
}
.breadcrumbselect{
	color: #7c0004;
	font-size: 11px;
	font-weight:bold;
}
/***********************/
/* encadre & promotion */
/***********************/
.encpromooff {
	font-size: 10px;
	background-color: #FFFFFF;
	text-align:justify;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #EFF2F5;
}
.encpromoon {
	font-size: 10px;
	text-align:justify;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #BAC7D3;
}


/***********************/
/* tooltips*/
/***********************/
#content a.tooltip {
    position:relative; /*this is the key*/
    z-index:24; 	
	background-color:#fff;
	color:#777;
	text-decoration:none;
	cursor:help;
	background-image: url(/images/divers/tooltips.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 15px;
	}

#content a.tooltip:hover {z-index:25; background-color:#f5f6f2}

#content a.tooltip span{display: none}

#content a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-weight: normal;
	padding: 4px;
    top:1em; left:2em; width:15em;
    border:1px solid #d3cbb0;
    background-color:#f5f6f2; 
    text-align: center;
	}
	
	


/* Box promo */
#content .box {
	background: #f2f2ed url("/images/divers/box/bg_box_1.gif") 0 0 no-repeat;
	margin: 0 0 16px;
}
	#content .box .box-sub {
		background: url("/images/divers/box/bg_box_2.gif") 0 100% no-repeat;
		padding:8px 10px 8px 11px;
	}
#content .box-2 {
	background: #fff url("/images/divers/box/bg_box_3.gif") 0 0 no-repeat;
}
	#content .box-2 .box-sub {
		background: url("/images/divers/box/bg_box_4.gif") 0 100% no-repeat;
		padding:5px 6px;
	}

#content .box-body {
	padding: 20px 0;
	text-align: center;
}
	.box-body img {
		margin: 0 auto;
	}

#content ul.promo  {
	margin:0;
	padding:0;
	list-style: none;
}

#content 	ul.promo  li {
		list-style: none;
		margin:0 0 8px;
		padding:0;
	}
	#content  ul.promo li h3 {
		background: url("/images/divers/box/arrow.gif") 0 25% no-repeat;
		padding:6px 0 7px 32px;
		color: #8b866e;
		list-style:none;
	}
	#content  ul.promo li p {
	
		color: #757057;
		list-style:none;
	}


/* SAM & services */
.logosam {
	width: 459px;
	float: left;
	margin-bottom: 10px;
}
.offre  {
	padding: 0px 5px 0 26px;
	color: #444444;
	margin: 0px 0 10px 13px;
	width: 204px;
	float: right;
	font-size: 11px;
	background: url(/images/divers/box_offre.gif) no-repeat top right;
	line-height: 16px
}
.offre h2  {
	color: #950003;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 12px 0;
	margin: 0px;
	text-transform: uppercase;
}
.back_button {
	border: 1px solid #d3cbb0;	
	background: #f5f6f2 url(http://www.marchemunicipal.qc.ca/images/divers/retour.gif) no-repeat center left;
	padding: 10px 10px 10px 30px;
	float: right;
	margin-top: 10px;
	font-weight: bold;
}									

	#third_menu h3 {
	border: 1px solid #d3cbb0;	
	padding: 5px;
	font-size:12px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	margin: 0;
}	
	#third_menu ul {
	padding: 0;
	margin: 0;
	list-style-image:none;
}
	#third_menu li {
	border-bottom: 1px solid #d3cbb0;
	padding: 10px;
	margin: 0px;
	list-style-image:none;
	list-style-type:none;
}	
#third_menu a {
	width: 100%;
	display: block;
}
#third_menu a:link, #third_menua:active, #third_menu a:visited {
	color: #333333;
}


#third_menu h3 a:hover {
	background:  url(http://www.marchemunicipal.qc.ca/images/divers/collap.gif) no-repeat center left;
} 

/*- Menu --------------------------- */ 

#tabs {
      float:left;
      width:100%;
      background:#a8a591;
      font-size:90%;
      line-height:normal;
	    margin-bottom: 15px;
      }
#tabs ul {
	  margin:0;
	  padding:5px 10px 0 5px;
	  list-style:none;
      }
#tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs a {
      float:left;
      background:url("/images/divers/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
	 
      text-decoration:none;
      }
#tabs a span {
      float:left;
      display:block;
      background:url("/images/divers/tabright.gif") no-repeat right top;
      padding:5px 11px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
    /* End IE5-Mac hack */
#tabs a:hover span {
      color:#770103;
      }
#tabs a:hover {
      background-position:0% -42px;
	  background-color: #a8a591;
      }
#tabs a:hover span {
      background-position:100% -42px;
	   background-color: #a8a591;
      }
	  
/*-tooltips--------------------------- */ 
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffeeb4;
    color:#000;
    text-decoration:none;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    margin: 10px;display:block;
   width: 300px;
	padding: 10px;
    border:1px solid #d3cbb0;
    background-color:#f5f6f2; color:#333333;
    text-align: center;
	line-height: 18px;
}
	
/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 15px 0 15px;
	border-left: 5px solid #F4A94F;
	background: #F5F6F2;
}

blockquote {
	padding: 15px 40px;
	background: url(/images/divers/quote.gif) 10px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}
 
.dropcap {
	float: left;
	padding: 3px 3px 0 0;
	display: block;
	color: #5A5A5A;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 22px;
	color: #CC0000;
	background: url(/images/divers/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 22px;
	color: #3F89C3;
	background: url(/images/divers/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 22px;
	color: #da7600;
	background: url(/images/divers/bullet-tips.gif) no-repeat top left;
}

.highlight {
	border-bottom: 1px dotted;
	background: #F2F2F2;
	font-weight: bold;
}ol li {
	margin-left: 35px;
	line-height: 170%;
}
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(/images/divers/bub-br-bg.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(/images/divers/bub-bl-bg.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(/images/divers/bub-tr-bg.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(/images/divers/bub-tl-bg.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 {
	width: 99%;
	background: url(/images/divers/bub-arrow-bg.gif) no-repeat bottom left;
}

div.bubble2 div {
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin-bottom: 20px;
	padding: 10px 15px 15px;
	background-color: #F7F7F7;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(/images/divers/bub2-br-bg.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(/images/divers/bub2-bl-bg.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(/images/divers/bub2-tr-bg.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(/images/divers/bub2-tl-bg.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 {
	width: 99%;
	background: url(/images/divers/bub2-arrow-bg.gif) no-repeat bottom left;
}

div.bubble4 div {
	border: 1px solid #CCCCCC;
	margin-bottom: 30px;
	padding: 10px 15px 15px;
	background-color: #F7F7F7;
}/* Caption Box */
.caption,
.captionBox,
.captionBox-hilite,
.story-hilite {
  border: 1px solid #CCCCCC;
  padding: 15px 10px 10px 10px;
  margin: 20px 0 19px 0;
  position: relative;
  line-height: normal;
}

.captionBox h3,
.captionBox-hilite h3 {
  position: absolute;
  top: -7px;
  left: 10px;
  margin: 0 0 0 -2px;
  padding: 0 2px;
  font-size: 125%;
  font-weight: bold;
  background: #FFFFFF;
  text-transform: uppercase;
}

.captionBox-hilite {
	border: 1px solid #006DA3;
}

.captionBox-hilite h3 {
	color: #006DA3;
}

.caption span.title {
  position: absolute;
  top: -7px;
  left: 10px;
  margin: 0 0 0 -2px;
  padding: 0 2px;
  line-height: 14px;
  background: #FFFFFF;
  color: #999999;
}

.story-hilite h3 {
	position: absolute;
	top: 0px;
 	margin: 0 0 0 -2px;
 	padding: 0px 5px 0px 5px;
 	background: #8f0004;
	font-size: 125%;
	font-weight: bold;
 	color: #FFFFFF;
	text-transform: uppercase;
}

.story-hilite {
	border: 1px solid #8f0004;
	padding-top: 25px;
}

/* Box style */
.box-grey,
.box-hilite {
	border: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	margin: 20px 0 0 0;
	padding: 10px;
}

.box-hilite {
	border: 1px solid #006DA3;
	background: #E7F4FA;
}
/* Big number list */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 3px 3px;
	display: block;
	background: url(/images/divers/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	font: normal 20px/normal Arial, sans-serif;
}

.blocknumber {
	clear: both;
	margin: 5px 0;
	padding: 10px 0px;
	position: relative;
}
#menu_droite {
	background: #fff;
	float: right;
	width: 240px;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 3px;
}
#action {
	background: #f6f6f6;
	float: right;
	width: 240px;
	margin-left: 8px;
	margin-bottom: 3px;
margin-top: 20px;
}
#action ul {
	margin: 0; 
	padding: 0;
} 
#action li {
	margin: 0px;
	padding: 15px;
	
} 
#action a, #action a:link, #action a:active, #action a:visited {
	display: block;
	padding: 5px;
	font-size: 12px;
	background: url(/images/divers/bg_button.gif) repeat-x top left; 
	color: #FFF;
	text-decoration: none;
}

#action a:hover {
background: url(/images/divers/bg_button_hover.gif) repeat-x top left; 
}
#action li .inscription {
	background: url(/images/divers/button_inscription.png) repeat-x 2px 8px; 
} 
#action li .modification {
	background: url(/images/divers/button_inscription.png) repeat-x 2px 8px; 
}