/* BODY */
body {
	font: normal 62.5% "Arial",sans-serif;
	background-image: url(images/bg_s.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

/* CONTAINER */
.container {
	width: 950px;
	margin-bottom: 20px;
	text-align: left;
	background-image: url(images/bg_gauche_s.gif);
	background-repeat: repeat-y;
	background-position: left;
}

/* MILIEU */
.content {
	margin-left: 175px;
	width: 775px;
	font-size: 1.2em;
}

.content2, .content3 {
	margin-left: 175px;
	margin-right: 175px;
	width: 600px;
	font-size: 1.2em;
}

.wrapper {
	float: left;
	width: 100%;
}

/* GAUCHE */
.left {
	float: left;
	margin-left: -950px;
	width: 175px;
	background-image: url(images/gauche_s.gif);
	background-repeat: no-repeat;
	font-size: 1.1em;
}

/* DROITE */
.right {
	float: left;
	margin-left: -175px;
	width: 174px;
	border-left: 1px solid #EBEBEB;
	font-size: 1.1em;
}

.right .boite {
	width: 174px;
	background-image: url(images/bg_box.gif);
	background-repeat: repeat-y;
}

.right .boite .bas {
	width: 174px;
	height: 40px;
	background-image: url(images/box_bas.gif);
	background-repeat: no-repeat;
}

/* HAUT */
.header {
	width: 950px;
	height: 175px;
	background-image: url(images/header_s.gif);
	background-repeat: no-repeat;
}

.flags {padding-top: 16px; margin-left: 800px; display: block; height: 25px; width: 140px;}
/*.flags {padding-top: 16px; margin-left: 830px; display: block; height: 25px; width: 120px;}*/
.tabs {float: right; display: block; height: 85px; width: 330px; margin-right: 0px; padding-left: 50px;}

.menu_header {
	float: left;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 250px;
	padding-top: 65px;
}

.menu_top {
	clear: both;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 20px;
	padding-top: 2px;
	width: 950px;
}

/* FOOTER */
.footer {
	clear: both;
	margin-left: 175px;
	padding-top: 10px;
	color: #444;
	text-align: center;
	text-transform: uppercase;
	width: 775px;
	font-size: 1em;
	font-weight: normal;
}

/* LIENS */
a {color: #2fb500; text-decoration: underline;}
a:hover {color: #2fb500; text-decoration: none;}

.right a {color: #2fb500; text-decoration: none; font-size:1.2em; font-weight: bold; line-height: 1.5em;}
.right a:hover {color: #259000; text-decoration: none; font-size:1.2em; font-weight: bold;}

.content a img, .content3 a img {border: 1px solid #fff;}
.content a:hover img, .content3 a:hover img {border: 1px solid #2fb500;}

.menu_top a {color: #fff; text-decoration: none;}
.menu_top a:hover {color: #d1d1d1; text-decoration: none;}
.menu_top #active {color: #d1d1d1; text-decoration: underline;}

.menu_header a {color: #000; text-decoration: none;}
.menu_header a:hover {color: #000; text-decoration: underline;}
.menu_header #active {color: #000; text-decoration: underline;}

.left a {color: #000; text-decoration: none;}
.left a:hover {color: #000; text-decoration: underline;}
.left #active {color: #000; text-decoration: underline;}

.footer a {color: #2fb500; text-decoration: underline;}
.footer a:hover {color: #2fb500; text-decoration: none;}

/* TITRES */
.left h1 {color: #000; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin-left: 30px; margin-bottom: 10px;}
.texte h1 {color: #2fb500; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.texte h2 {color: #000; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}

/* PARAGRAPHES */
p {margin-bottom: 5px;}
.texte {padding: 10px 20px;}

/* LISTES */
.flags ul, .tabs ul, .menu_header ul, .menu_top ul {list-style: none;}
.flags li, .tabs li, .menu_header li, .menu_top li {float: left;}
.menu_header li, .menu_top li {margin-left: 10px;}
.left ul {margin: 0 30px; list-style: none;}
.right ul {list-style: none; padding-top: 40px; background-image: url(images/box_top.gif); background-repeat: no-repeat; background-position: top;}
.right li {padding: 0 30px;}

/* FORMULAIRES */
.button {
	background-color: #2fb500;
	color: #fff;
	border: solid 1px #444;
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
}

.button2 {
	background-color: #2fb500;
	color: #fff;
	border: solid 1px #444;
	font-weight: bold;
	font-size: 0.8em;
	width: 20px;
	height: 20px;
}

.button3 {
	background-color: #000;
	color: #fff;
	border: solid 1px #fff;
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
}

.text, .textarea {
    font-size: 1em;
	border: 1px solid #444;
	padding: 0.15em;
}

.mandatory {
    font-size: 1em;
	border: 1px solid #2fb500;
	padding: 0.15em;
}

/* MUST */
td img {display: block;}
li img {display: block;}
.special td {padding: 3px;}
.clearer {clear: both;}
table {font-size: 1em;}
* {margin: 0em; padding: 0em;}

/* EXTRA */
.Rabais1 {color: #2fb500; font-weight: bold;}
.Rabais2 {text-decoration: line-through;}
.Rabais3 {text-decoration: line-through;}
a.table {color: #fff; text-decoration: underline;}
a:hover.table {color: #fff; text-decoration: none;}
.filter td {padding: 3px; font-size: 0.9em;}