/*Cree par Genevieve Bernier - 19 aout 2009 - secourisme quebec*/

/***** BALISES *****/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width:100%;
	height:100%;
 	overflow-y:scroll;	
	background:url(/images/bkg-body.jpg) repeat-x;
}

/***** CONTENEUR  *****/
#conteneur	{width:745px;background-color:#FFF;border:1px solid #4a4a4a;margin:20px auto;padding:10px}

/***** ENTETE  *****/
#entete				{padding:0;margin:0;}
#entete-left		{height:188px;width:511px;background:url(/images/entete.png) no-repeat left #FFF;}
#entete-right		{float:right;wifth:222px; height:188px;}

/***** MENU SECONDAIRE *****/
#menu-secondaire	{background-color:#4a4a4a; text-align:right;margin:0;padding:0;}
#menu-secondaire ul	{margin:0;padding:0;}
#menu-secondaire li	{font-size:70%;display:inline;list-style-image:none;list-style:none;margin:0 10px 0 0;}
#menu-secondaire a:link, #menu-secondaire a:visited {color:#FFF;font-weight:bold;text-decoration:none;}
#menu-secondaire a:hover {color:#FFF;font-weight:bold;text-decoration:underline;}
#menu-secondaire a:active {color:#FFF;font-weight:bold;text-decoration:none;}

/***** MENU PRINCIPAL *****/
#menu-principal		{width:195px;color:#000;font-weight:bold;float:left;}
#menu-principal ul	{padding:0;font-size:75%;margin:2px 0 0 0;}
#menu-principal ul li	{list-style-image:none;list-style:none;margin:2px 0 2px 0;width:195px;}
#menu-principal	ul li a:link,#menu-principal ul li a:visited {display:block;background-color:#4a4a4a;color:#FFF;padding:7px 0 7px 5px;text-decoration:none;}
#menu-principal	ul li a:hover {display:block;background-color:#8d0000;color:#FFF;font-weight:bold;padding:7px 0 7px 5px;text-decoration:none;}
#menu-principal	ul li a:active {display:block;background-color:#4a4a4a;color:#FFF;font-weight:bold;padding:7px 0 7px 5px;text-decoration:none;}

#menu-principal ul ul li	{list-style-image:url(/images/pucelistemenu.gif);margin:5px 0 0 20px;padding:0;font-size:125%;}
#menu-principal	ul ul li a:link,#menu-principal ul ul li a:visited {background-color:#fff;color:#8d0000;text-decoration:underline;margin:0;padding:0;}
#menu-principal	ul ul li a:hover {background-color:#fff;color:#4a4a4a;font-weight:bold;text-decoration:none;padding:0;}
#menu-principal	ul ul li a:active 	{background-color:#fff;color:#8d0000;font-weight:bold;text-decoration:underline;padding:0;}

/*item actif du menu niv 1 et niv 2*/
.menu-actif-niv1 a.link, .menu-actif-niv1 a.visited, .menu-actif-niv1 a.hover, .menu-actif-niv1 a.active {}
#menu-principal .menu-actif-niv2 {}

/***** MENU PROMO *****/
#menu-promo		{width:195px;color:#000;font-weight:bold; margin:15px 0 0 0;}
#menu-promo ul	{margin:0;padding:0;font-size:75%;}
#menu-promo li	{list-style-image:none;list-style:none;}
#menu-promo	ul li a:link,#menu-promo ul li a:visited {background-color:#8d0000;color:#FFF;display:block;text-decoration:none;border:1px solid #8d0000;}
#menu-promo	ul li a:hover {background-color:#fff;color:#8d0000;font-weight:bold;display:block;text-decoration:none;border:1px solid #8d0000;}
#menu-promo	ul li a:active {background-color:#8d0000;color:#FFF;font-weight:bold;display:block;text-decoration:none;border:1px solid #8d0000;}


/***** CONTENU *****/
#zone-texte		{float:right;width:537px;}
#zone-texte	h1	{font-size:115%;color:#8d0000;}
#zone-texte	h2	{font-size:100%;color:#8d0000;}
#zone-texte	h3	{font-size:90%;color:#000;}
#zone-texte	h4	{font-size:85%;color:#8d0000;}
#zone-texte p	{font-size:12px;}
#zone-texte td	{font-size:12px;}
#zone-texte li  {list-style-image:url(/images/pucelistemenu.gif);font-size:80%;margin:3px;}

#zone-texte a:link, #zone-texte a:visited, #zone-texte p a:link, #zone-texte p a:visited, #zone-texte li a:link, #zone-texte li a:visited, #zone-texte h2 a:link, #zone-texte h2 a:visited {color:#8d0000;text-decoration:underline;}
#zone-texte a:hover, #zone-texte li a:hover, #zone-texte p a:hover, #zone-texte h2 a:hover {color:#8d0000;text-decoration:none;}
#zone-texte a:active, #zone-texte p a:active, #zone-texte li a:active, #zone-texte h2 a:active {color:#8d0000;text-decoration:underline;}

#text-accueil	{text-align:center;width:310px;}

/***** TABLEAUX *****/
.tab-liste	{width:100%;color:#000;margin:10px 0 10px 0;}
.tab-liste th	{background-color:#8d0000; color:#FFF;font-size:85%;padding:2px 0 2px 4px;}
.tab-liste td, .tab-donnee td	{font-size:80%; padding:0 0 0 4px;}
.tab-liste input	{border:1px solid #000;}
.bkg-gris {background-color:#dfdfdf;}

.tab-donnee	{width:100%;color:#000;margin:10px 0 10px 0;border:1px solid #000000;}
.tab-donnee td	{border:1px solid #000000;}

/***** ZONE PRODUITS *****/
.carrer-produit	{width:110px;border:1px solid #8d0000;float:left; margin:5px 13px 5px 13px;font-size:75%;font-weight:bold;text-align:center;}
.carrer-produit	a.link, .carrer-produit	a.visited, .carrer-produit a.hover, .carrer-produit a.active	{text-decoration:none;}
#img_produit 				{padding:8px;}

/***** BAS DE PAGE *****/
#bas-page	{width:100%;text-align:center;font-size:65%;margin:25px 0 0 0;}
#bas-page p {margin:0;padding:0;}
#bas-page hr {color:#4a4a4a;margin:0 150px 0 150px;}

/***** CLASSES *****/
.zone-promo-left	{clear:both;border:1px solid #8d0000;width:300px; margin:0.5em;}
#zone-texte .zone-promo-left	h2	{margin:0;padding:0.2em 0 0.2em 0.2em; background-color:#8d0000; display:block;color:#FFFFFF;}
.zone-promo-left p,.zone-promo-left h3	{padding:0.5em;}

.zone-promo-right	{clear:both;border:1px solid #8d0000;width:200px; margin:0.5em;}
#zone-texte .zone-promo-right	h2	{margin:0;padding:0.2em 0 0.2em 0.2em; background-color:#8d0000; display:block;color:#FFFFFF;}
.zone-promo-right p,.zone-promo-right h3	{padding:0.5em;}

.zone-promo-pourc	{clear:both;border:1px solid #8d0000;width:100%; margin:0.5em;}
#zone-texte .zone-promo-pourc	h2	{margin:0;padding:0.2em 0 0.2em 0.2em; background-color:#8d0000; display:block;color:#FFFFFF;}
.zone-promo-pourc p,.zone-promo-pourc h3	{padding:0.5em;}

.zone-promo-full	{border:1px solid #8d0000;width:527px; margin:0.5em;}
#zone-texte .zone-promo-full	h2	{margin:0;padding:0.2em 0 0.2em 0.2em; background-color:#8d0000; display:block;color:#FFFFFF;}
.zone-promo-full p,.zone-promo-full h3	{padding:0.5em;}

.zone-promo	{clear:both;border:1px solid #8d0000;width:200px; margin:0.5em;text-align:center;}
#zone-texte .zone-promo	h2	{margin:0;padding:0.2em 0 0.2em 0.2em; background-color:#8d0000; display:block;color:#FFFFFF;}
.zone-promo p,.zone-promo h3	{padding:0.5em;}


.note		{border:1px solid #8d0000;width:100%;}
.note p		{margin:0.5em;background-color:#F8EDED;padding:0.5em;}
.spacer		{clear:both;width:100%;height:1px;}
.txt-left	{text-align:left;}
.txt-center	{text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.cacher		{position:absolute;top:-1000em;left:-1000em;}
#zone-texte .gros		{font-size:125%;font-weight:bold;}

#menu-principal	#bg_vert a			{background-color:#50a129;}
#menu-principal	#bg_vert a:hover	{background-color:#8d0000;color:#ffffff;}

#menu-principal	#bg_jaune a  		{background-color:#ffff00;color:#4a4a4a;}
#menu-principal	#bg_jaune a:hover	{background-color:#8d0000;color:#ffffff;}

#menu-principal #bg_bleu a			{background-color:#00b0f0;}
#menu-principal	#bg_bleu a:hover	{background-color:#8d0000;color:#ffffff;}

#menu-promo #bg_bleu a				{background-color:#00b0f0;}
#menu-promo #bg_bleu a:hover		{background-color:#8d0000;color:#ffffff;}



.warning			{font-size: 14px;font-weight: bold;color: #ff0000;}
#liste_formation th		{font-weight: bold;color: #ffffff;background-color: #8d0000;}
#liste_formation th		{font-size: 11px;text-align:left;}