@charset "utf-8";
/*
IE6 Hack => *html
IE7 Hack => *+html 
*/

/*
Reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q {
	quotes: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
Body
*/
html {
	font-size: 100%;
}

body {
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	/* 16px -> medium */
	line-height: 1.125em;
	/*16x1.125=18px */
	margin: 0;
	padding: 0;
	background: white url(/images/bg_02.jpg) repeat-x center top;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}

a:hover, a:active {
	text-decoration: underline;
	outline: none;
}

a:focus, :focus {
	outline: none;
}

.nobr {
	white-space: nowrap;
}

/*
Structure
*/

#boite-externe {
	margin: 0px;
	padding: 0;
	width: 1024px;
	background: url(/images/page_bg_fond.jpg) no-repeat 0 top;
}

#container {
	width: 750px;
}

#boite-contenu {
	margin: 0px;
	background-repeat: repeat-y;
	background-image: url(/images/bg_contenu.gif);
	text-align: left;
}

/*
Entete 
*/

#boite-entete {
	background-repeat: none;
	background-image: url(/images/bg_entete.jpg);
	float: left;
	width: 750px;
	margin: 0px;
}

/* 
Menu
*/	
#contenu {
	padding-left: 20px;
	padding-bottom: 0;
	padding-right: 20px;
	padding-top: 30px;
	float: left;
	font-size: 0.75em/*16x0.75=12px*/;
	line-height: 1.33em/*12x1.33=16px*/;
	background: url(/images/bg_lignes.gif) repeat-x right top;
	width: 480px;
}

#contenu ul li{
	list-style-image: url(/img/list.gif);
	margin-left: 20px;
	color: #000000;
	list-style-position: outside;
	padding-bottom: 8px;
}

#col-gauche {
	font-size: 0.75em/*16x0.75=12px*/;
	line-height: 1.25em/*12x1.25=14px*/;
	float: left;
	width: 230px;
	background: #bead56
}

#menu-gauche, #menu-gauche ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu-gauche a {
	text-decoration: none;
}

/* Regroupement */
		#menu-gauche {
	background-color: #bead56;
}

#menu-gauche li {
	background-color: #bead56;
	border-bottom: 1px solid #d2c689;
}

#menu-gauche li a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 10px 10px 8px 24px;
}

#menu-gauche li a:hover {
	text-decoration: underline;
}

#menu-gauche li.section a {
	background: url(../images/menu_img_fermer.gif) no-repeat 9px 13px;
}

#menu-gauche li.mg-ouvert a {
	background: url(../images/menu_img_ouvert.gif) no-repeat 9px 13px;
}

#menu-gauche li.section a:hover {
	text-decoration: none;
}

#menu-gauche li.menu_selected {
	background-color: #fff;
	color: #E16C00;
	display: block;
	font-weight: bold;
	padding: 5px 10px 4px 10px;
}

/* Sous-site */
#menu-gauche li.section ul {
	background-color: #d2c689;
	border: none;
	padding: 3px 0px;
}

#menu-gauche li.section ul li {
	border-bottom: 1px solid #d2c689;
	background-color: #d2c689;
	margin: 0px;
	padding: 0px;
}

#menu-gauche li.section ul li a {
	display: block;
	font-weight: normal;
	padding: 3px 10px 3px 24px;
	background: url(../images/menu_img_bullet.gif) no-repeat 9px 6px;
}

#menu-gauche li.section ul li a:hover, #menu-gauche ul li a:active {
	color: #000;
}

#menu-gauche li.section ul li.menu_selected a {
	color: #000;
	display: block;
	font-weight: bold;
	text-decoration: underline;
	background: url(../images/menu_img_bullet_active.gif) no-repeat 9px 6px;
}

#menu-gauche li.section ul li.menu_selected a:hover {
	text-decoration: underline;
	cursor: default;
}

/*
Page de contenu
*/
/* Contenu sur 1 colonnes */
.col_1 {
	float: left;
	width: 235px;
	margin: 0px 0px 10px 10px;
}

*html .col_1 {
	width: 235px;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

.col_1.no_margin {
	margin-left: 0px;
}

*html .col_1.no_margin {
	padding-left: 0px;
}

.img {
	border-color: #7f7f7f;
	border-width: 1px;
	border-style: solid;
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.img_test {
	border-color: #7f7f7f;
	border-width: 1px;
	border-style: solid;
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

                            
.img_droite {
	margin-left: 10px;
	float: right;
	margin-bottom: 5px;
}

/* tables pour contenu */
.table_contenu td {	

		margin: 5px;	

	}

                            
/* Contenu sur 2 colonnes */
.col_2 {
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 10px;
	float: left;
	width: 480px;
}

*html .col_2 {
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 10px;
	width: 480px;
	margin: 0px;
}

/* Contenu sur 3 colonnes */
	*/* Nouvelles */ 
.nouvelles {
	margin-left: 10px;
	float: right;
	width: 214px;
	background: #e5e5e5 url(/images/titre_nouvelles.gif) no-repeat left top;
	margin-bottom: 10px;
	padding: 40px 10px 30px;
	color: #74774;
	font-size: 13px;
	border-left: 1px dotted #666;
}

.nouvelles img {
	float: left;
	margin-right: 10px;
	padding: 0px;
	border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
}

.nouvelles a {
	color: #0066cc;
	font-weight: bold;
	text-decoration: none;
}

.nouvelles a:hover {
	text-decoration: underline;
}

/* Textile Info */ 
	.textile_info {

}


.vedettes_splitter {
	background: url(/images/spacer.gif) repeat-x left center;
	padding: 0px;
	height: 1px;
	clear: both;
	margin-bottom: 10px;
}

#liens_accueil ul {
	list-style: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#liens_accueil li {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 11px;
}

#liens_accueil a {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

#liens_accueil a:hover {
	text-decoration: underline;
}

/* Vedettes pages d'accueil */

#contenu .col_2.vedettes .col_1 { 
	margin-bottom: 0px; padding-bottom: 0px; width:auto;
}

#contenu .col_2.vedettes img {
	display:block; margin: 0px 0px 10px 0px;
}
	
#footer {
	border-top-color: #7f7f7f;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-top: 20px;
	clear:both;
	display:block;
	font: normal 10px Arial, Helvetica, sans-serif;
	border-top: 1px solid;
}

#footer a:link {
	font-style: normal;
	font-weight: normal;
}

/*
Hack IE 6/7
*/
*html #menu-gauche ul { height:100%; }
 h2 { color: #666666; font-size: 20px; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif, ; }
 h1 { text-shadow: 0px 0px; height: 0px; width: 0px; visibility: hidden; }
 h2 { margin-bottom: 15px; font-style: normal; font-weight: normal; line-height: 1.25em; color: #666; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1.75em; }
 h3 { padding-top: 10px; margin-bottom: 15px; font-style: normal; font-weight: normal; line-height: 1.25em; color: #666; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1.25em; }
 h4 { border-top-color: #bfbfbf; border-top-width: 1px; border-top-style: solid; padding-top: 10px; font-weight: bold; line-height: 1.25em; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1.2em; }
 p { margin-bottom: 10px; }
 #logo { background-position: left top; background-image: url(/images/logo_fpmq.gif); background-repeat: no-repeat; float: left; height: 135px; width: 230px; }

#topnav { 
	text-align: left; 
	float: left; 
	height: 35px; 
	width: 520px;
	background: white;
}

/* navigation du haut */
#navcontainer ul
{
	margin-left: 20px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 7px;
	display: block;
	list-style: none outside;
	padding: 0;
}

#navcontainer li
{
	padding: 0;
	margin: 0px;
	font-size: 0.75em; 
	font-family: Arial, Helvetica, sans-serif;
	/* the next 4 lines are magic */
	display: block;
	float: left;
	position: relative;
}

#navcontainer a:link,
#navcontainer a:visited
{
font-style: normal;
font-weight: normal;
padding-right: 10px;
color: black;
text-decoration: none;
}

#navcontainer a:hover
{
text-decoration: underline;
color: #0066cc;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #fff;
color: #000066;
}
/* fin navigation du haut */

/* DIAPORAMA */

#slideshow {
    position:relative;
    height:250px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 250px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 200px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/* FIN DIAPORAMA*/


*html #menu-gauche ul { height:100%; }
*+html #menu-gauche ul { height:100%; }