/* CSS Document */
/*
-- Subject : CSS WEBSITE - GÉNÉRAL
-- Historique : Création le 
-- Author : Cynthia Roy
-- Évolubiz Inc.
*/
/*
** Couleurs : 
/*
	Rouge : #830F0F
	Rouge logo : #B5121B
	Gris foncé : #646464
	Gris moyen : #CACACA
	Gris pâle : #E0E0E0
	Gris brun : #49423C
*/


/*********************************************** Général **************************************************/
BODY
{
	margin: 0 13px 10px 10px; padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	background: url(../images/bg.gif) repeat-x 0 0;
	background-color: #E0E0E0;
	text-align: center;
}

DIV
{
	text-align: left;
}

P
{
	margin: 0 0 10px 0;
	padding: 0;
}

A { color: #B5121B; }
A:hover { color: #000000; }
A:visited { color: #B5121B; }
A:visited:hover { color: #000000; }

TABLE
{
	width: 98%;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

CAPTION
{
	color: #830F0F;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 0 10px 3px 10px;
}

TH
{
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #830F0F;
	padding: 3px 10px;
	border-right: 1px solid #FFFFFF;
}

TD
{
	text-align: left;
	vertical-align: top;
	background-color: #E0E0E0;
	padding: 3px 10px;
	border-right: 1px solid #FFFFFF;
}

TD.mod
{
	background-color: #CACACA;
}

IMG
{
	border: none;
}

.left
{
	float: left;
	margin: 0 5px 5px 0;
}

.right
{
	float: right;
	margin: 0 0 5px 5px;
}

H1
{
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 0 0; padding: 45px 0 0 45px;
	color: #830F0F;
	text-transform: uppercase;
	background-color: #E0E0E0;
}
H1 A { text-decoration: none; }

H1 .accent
{
	
}

H2
{
	color: #000000;/*#646464;*/
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 5px 0; padding: 0;
}
H2 A { text-decoration: none; }

H3
{
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}
H3 A { text-decoration: none; }

H4
{
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;
}
H4 A { text-decoration: none; }

H5
{
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

CITE
{
	font-style: italic;
}

UL
{
	list-style-type: disc;
}

UL UL
{
	list-style-type: circle;
}

.border
{
	border: 1px solid #333333;
	margin: 2px;
}

.notes 
{
	font-size: 80%;
}

.date
{
	font-weight: bold;
}

#erreur, .erreur
{
	font-size: 95%;
	color: #D65F2C;
	margin-bottom: 10px;
}

.clear
{
	clear: both;
	height: 1px;
	font-size: 0;
	overflow: hidden;
}

/* bouton */
DIV.bouton
{
	float: left;
	height: 45px;
	line-height: 120%;
}
* html DIV.bouton { position: relative; }
/* \*/ * html DIV.bouton { position: static; } /* */

DIV.bouton DIV { position: relative; height: 100%; }
* html DIV.bouton DIV { float: left; }

DIV.bouton DIV .left
{
	position: absolute; top: 0; left: 0;
	background: url(../images/bt-left.gif) no-repeat 0 0;
	width: 20px; height: 45px;
}

DIV.bouton DIV .right
{
	position: absolute; top: 0; right: 0;
	background: url(../images/bt-right.gif) no-repeat 0 0;
	width: 20px; height: 45px;
}

DIV.bouton DIV A, DIV.bouton DIV INPUT
{
	display: block;
	color: #FFFFFF !important;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 0 0; 
	height: 45px;
	background: transparent;
	border: none;
	cursor: pointer;
}

DIV.bouton DIV INPUT
{
	padding: 0;
	font-weight: bold;
}
* html DIV.bouton DIV A, * html DIV.bouton DIV INPUT { float: left; }

DIV.bouton DIV .text
{
	float: left;
	display: block;
	background: url(../images/bt-bg.gif) repeat-x 0 0;
	margin: 0 20px 0 20px;
	padding: 0 2px 0 2px;
	height: 100%;
}
/* \*/ * html DIV.bouton DIV .text { margin-left: 10px; margin-right: 10px; } /* */

DIV.bouton DIV A:hover, DIV.bouton_over DIV A, DIV.bouton DIV INPUT:hover, DIV.bouton_over DIV INPUT { color: #FFFFFF !important; }
/*DIV.bouton_over DIV .left, DIV.bouton_over DIV .right, DIV.bouton_over DIV .text { background-position: 0 -22px !important; }*/
/*--------*/

DIV.nav
{
	padding-top: 15px;
	margin: 0 0 15px 0;
}

DIV.nav A, A.next
{
	padding: 0 4px 0 5px;
}

DIV.nav A SPAN, A.next SPAN
{
	padding-right: 13px;
	background: url(../images/fleche_next.gif) no-repeat 100% 50%;
}

DIV.nav A.back SPAN
{
	padding-left: 13px;
	padding-right: 0;
	background: url(../images/fleche_back.gif) no-repeat 0 50%;
}
/**********************************************************************************************************/

/************************************************* Form ***************************************************/
FORM
{
	width: 100%;
	margin: 0;
	padding: 0 0 25px 0;
}

FORM A.erreur, FORM A.erreur:hover
{
	margin: 5px 0 0 0;
	display: none;
	text-decoration: none;
	color: #D65F2C;
}

FORM .mandatory
{
	font-size: 85%;
	color: #B5121B;
}

FORM TABLE.form
{
	margin: 0 0 15px 0;
	border: none;
}

FORM TABLE.form CAPTION
{
	text-align: left;
	padding: 0 0 2px 0;
}

FORM TABLE.form TR
{

}

FORM TABLE.form TH
{
	text-align: left;
	vertical-align: top;
	color: #830F0F;
	background-color: transparent;
	padding: 3px 3px 3px 12px;
}
* html FORM TABLE.form TH { padding-left: 7px; }

FORM TABLE.form TH .mandatory
{
	float: left;
	margin: 0 0 0 -9px;
}
* html FORM TABLE.form TH .mandatory { margin-left: -3px; }

FORM TABLE.form .th
{
	font-weight: bold;
	padding: 5px;
}

FORM TABLE.form TD
{
	padding: 0 0 2px 0;
	background-color: transparent;
}

FORM TABLE.form DIV.champ
{
	clear: both;
	padding: 2px 2px 0 2px;
}

FORM TABLE.form DIV.split2
{
	width: 45%;
}

FORM TABLE.form INPUT, FORM TABLE.form TEXTAREA, FORM TABLE.form SELECT
{
	width: 98%;
}

FORM TABLE.form TEXTAREA
{
	height: 75px;
}

FORM TABLE.form LABEL
{
	display: block;
	font-size: 95%;
	margin: 3px 0 0 0;
}

FORM TABLE.form LABEL.radio, FORM TABLE.form LABEL.checkbox
{
	margin-left: 8px;
}

FORM TABLE.form LABEL A
{
	color: #000000;
	text-decoration: none;
	cursor: default;
}
/**********************************************************************************************************/