/* CSS Document */
/*
-- Subject : CSS AVRIL - GÉNÉRAL
-- Historique : Création le 6 juin 2007
-- Author : Cynthia Roy
-- Évolubiz
*/
/*
** Couleurs : 
	Noir: #000000
	Gris foncé: #494949
	Gris moyen foncé: #808080
	Gris moyen pâle: #C3C3C3
	Gris pâle: #F0F0F0
	Vert: #A5C706
	Vert texte: #8AA605
/*
*/


/*********************************************** Général **************************************************/
*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

BODY{
	font-size: 100%;
	color: #494949;
}

DIV{
	text-align: left;
}

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

A { color: #8AA605; }
A:hover { color: #000000; }

TABLE{
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 11px;
}

THEAD{
	background-color: #808080;
}

TBODY{
	background-color: #FFFFFF;
}

TH{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	margin: 0; padding: 3px;
}

THEAD TH{
	color: #FFFFFF;
	border-bottom: 5px solid #F0F0F0;
	font-size: 10px;
	text-transform: uppercase;
}

TH .empty, TD .empty{ visibility: hidden; }

TD{
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-bottom: 1px solid #C3C3C3;
}

TR.first TD{ border-top: 1px solid #C3C3C3; }
TD.first{ border-left: 1px solid #C3C3C3; }
TD.last{ border-right: 1px solid #C3C3C3; }

IMG{
	border: none;
}

CITE{
	display: block;
	font-size: 110%;
	margin: 0 0 10px 0; padding: 0;
}

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

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


H1, H2{
	position: relative;
	color: #FFFFFF;
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 0 3px 0; padding: 2px 8px;
	background-color: #808080;
	border: 1px solid #C3C3C3;
}

H3{
	color: #000000;
	font-size: 120%;
	margin: 0 0 5px 0; padding: 0;
}

H3 .soustitre{
	display: block;
	font-weight: normal;
}

H4{
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 2px 0; padding: 0;
}

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

H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }

CITE{
	font-style: italic;
}

UL{
	list-style-type: disc;
	margin: 0 0 15px 40px; padding: 0;
}

LI{
	margin: 0 0 2px 0; padding: 0;
}

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

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

.notes{
	font-size: 90%;
}

.date{
	font-weight: bold;
}

#erreur, .erreur{
	color: #A42424;
	background-color: #FFF3F3;
	border: 1px solid #A42424;
	font-size: 120%;
	margin: 0 0 5px 0; padding: 5px;
}

.adresse { margin-bottom: 15px; }
.adresse .ville, .adresse .province { display: inline; }
.adresse .ville { padding-right: 3px; }
.adresse .part2 { margin-top: 5px; }

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

.nowrap{
	white-space: nowrap;
}

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 right 50%;
}

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

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

FORM A.erreur, FORM A.erreur:hover{
	font-size: 100%;
	margin: 0 0 3px 0; padding: 0;
	display: none;
	text-decoration: none;
	color: #A42424 !important;
	border: none;
	background-color: transparent;
}

FORM .mandatory{
	font-size: 90%;
	color: #A42424;
}

FORM P.notes{
	margin-bottom: 5px;
}

FORM TABLE.form{
	border: 1px solid #C3C3C3;
}

FORM TABLE.form CAPTION{
	text-align: left;
}

FORM TABLE.form CAPTION H3{
	margin-top: 0; padding-top: 10px;
}

FORM TABLE.form TH{
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 10px;
}

FORM TABLE.form .th{
	color: #808080;
	font-weight: bold;
	margin: 0 0 5px 0;
}

FORM TABLE.form TH .mandatory{
	margin-left: -8px;
}

FORM TABLE.form TD{
	padding: 5px 2px 3px 10px;
	border: none;
	color: #000000;
}

FORM TABLE.form TD .champ{ margin-top: -3px; }

FORM TABLE.form TD .champ .champ{ margin-top: 3px; margin-left: 13px; }

INPUT, SELECT, TEXTAREA{
	margin: 0 0 2px 0; padding: 0;
	background-color: #F7FBE6;
	border: 1px solid #999999;
	border-bottom-color: #D4D4D4;
	border-right-color: #D4D4D4;
}

INPUT, TEXTAREA{
	padding: 2px;
}

TEXTAREA{ font-size: 100%; }

INPUT[disabled], INPUT.disabled, SELECT[disabled], SELECT.disabled, TEXTAREA[disabled], TEXTAREA.disabled{
	background-color: #F0F0F0;
}

INPUT.radio, INPUT.checkbox{
	border: none;
	background-color: transparent;
	margin-top: 5px;
	margin-right: 3px;
}

LABEL.radio A, LABEL.checkbox A, LABEL.radio A:hover, LABEL.checkbox A:hover { margin-top: 5px; color: #000000; text-decoration: none; cursor: default; }

FORM TABLE.form INPUT, FORM TABLE.form SELECT, FORM TABLE.form TEXTAREA{
	width: 95%;
	margin: 0;
	*margin-bottom: 3px;
}

BUTTON, A.button{
	position: relative;
	float: right;
	cursor: pointer;
	color: #FFFFFF !important;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	margin: 0; padding: 0;
	border: none;
	white-space: nowrap;
	text-decoration: none;
	*background: url(../images/bt_action-bg.gif) repeat-x 0 0;
	*height: 17px;
}

BUTTON .left, A.button .left, BUTTON .right, A.button .right{ position: absolute; top: 0; width: 4px; height: 17px; margin: 0; }
BUTTON .left, A.button .left{ left: -2px; background: #FFFFFF url(../images/bt_action-left.gif) no-repeat 0 0; }
BUTTON .right, A.button .right{ right: 3px; *right: -1px; background: #FFFFFF url(../images/bt_action-right.gif) no-repeat 0 0; }
BUTTON .text, A.button .text{ display: block; height: 15px; padding: 2px 7px 0 7px; background: url(../images/bt_action-bg.gif) repeat-x 0 0; }
* html BUTTON .text, * html A.button .text{ display: inline; height: 17px; }

BUTTON:hover, BUTTON:hover .text, BUTTON:hover .left, BUTTON:hover .right, BUTTON.hover, BUTTON.hover .text, BUTTON.hover .left, BUTTON.hover .right, A.button:hover .text, A.button:hover .left, A.button:hover .right{ background-position: 0 -17px; }

BUTTON.next{ float: right; height: 24px; margin-bottom: 25px; background-image: url(../images/bt_next-bg.gif); }
BUTTON.next .left{ width: 30px; height: 32px; top: -1px; *top: 0; left: -4px; *left: 0; background-color: #F0F0F0; background-image: url(../images/bt_next-left.gif); }
BUTTON.next .right{ width: 5px; height: 24px; top: -1px; *top: 0; right: -4px; *right: -1px; background-color: #F0F0F0; background-image: url(../images/bt_next-right.gif); }
BUTTON.next .text{ float: left; *float: none; height: 24px; margin-top: -1px; *margin-top: 0; padding: 5px 10px 0 30px; *padding: 5px 0 0 20px; background-image: url(../images/bt_next-bg.gif); }

BUTTON.next:hover, BUTTON.next_hover, BUTTON.next:hover .text, BUTTON.next_hover  .text, BUTTON.next:hover .right, BUTTON.next_hover .right{ background-position: 0 -24px; }
BUTTON.next:hover .left, BUTTON.next_hover .left{ background-position: 0 -32px; }

BUTTON.back{ float: left; margin: 3px 0 25px 0; width: 200px; }
BUTTON.back .left{ background-color: #F0F0F0; background-image: url(../images/bt_info-left.gif); }
BUTTON.back .right{ background-color: #F0F0F0; right: 2px; *right: 0; background-image: url(../images/bt_info-right.gif); }
* html BUTTON.back .right{ right: -1px; }
BUTTON.back .text{ background-image: url(../images/bt_info-bg.gif); }

BUTTON.back .icon{
	position: absolute; top: 1px; left: 0;
	*top: 1px; *left: 3px;
	width: 14px; height: 14px;
	background: url(../images/icobt_back.gif) no-repeat 0 0;
}
* html BUTTON.back .icon{ top: 2px; left: 3px; }

BUTTON.back .text{
	padding-left: 20px;
	*padding-left: 15px;
}
/**********************************************************************************************************/