@charset "utf-8";
/* CSS Document */

body {width:100%; background:url(img/bgBody.jpg) left top repeat; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin:0; padding:0; font-style:normal;}
a {color:#71a041; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}
ul {margin:10px 0; padding:0 0 0 30px;}
ol {margin:10px 0; padding:0 0 0 30px;}
p {margin:10px 0;}

h1 {font-size:2em; margin:10px 0px; color:#71a041;}
h2 {font-size:1.8em; margin:10px 0px; color:#71a041;}
h3 {font-size:1.6em; margin:10px 0px; color:#71a041;}
h4 {font-size:1.4em; margin:10px 0px; color:#71a041;}
h5 {font-size:1.2em; margin:10px 0px; color:#71a041;}
h6 {font-size:1em; margin:10px 0px; color:#71a041;}


/*===================================================================================================
BLOCK
===================================================================================================*/
#container {
	position:relative;
	padding:0px;
	margin:0px auto;
	width:964px;
	background:url(img/bgContainer.png) left top repeat-y;
}
#header {
	position:relative;
	margin:0px 30px;
	padding:0px 0px;
	width:904px;
	height:364px;
	background:url(img/bgHeader.jpg) 0px 0px no-repeat #fdfdfd;
}
#main {
	position:relative;
	margin:0px 30px;
	padding:45px 40px 69px;
	width:824px;
	background:url(img/bgMain.jpg) left bottom no-repeat #fdfdfd;
	font-size:0.7em;
}
.cols {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:1px;
	overflow:hidden;
}
#footer {
	position:relative;
	margin:0px 30px;
	padding:18px 0px 0px 0px;
	width:904px;
	background:#71a041;
	border-top:5px solid #5e882c;
	color:#fff;
	font-size:9px;
}
#footerBg {
	position:relative;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:964px;
	height:50px;
	background:url(img/bgFooter.png) left bottom no-repeat;
	color:#fff;
	font-size:9px;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}

















/*===============================================================================================================================
HEADER
===============================================================================================================================*/
#header h1.title {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:277px;
	height:128px;
	background:url(img/logo.jpg) left center no-repeat;
}
#header h1.title a {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:277px;
	height:128px;
}
#header h1.title span {display:none;}



ul.menuU {
	position:absolute;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	top:24px;
	right:25px;
}
ul.menuU li {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	list-style:none;
}


ul.menuU li.rss {
	width:23px;
	height:23px;
}
ul.menuU li.rss a {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:23px;
	height:23px;
	background:url(img/rss.gif) left top no-repeat;
}
ul.menuU li.rss span {display:none;}


#header h2 {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:904px;
	height:172px;
}
#header h2 span {display:none;}






ul.menuP {
	clear:both;
	float:left;
	display:block;
	margin:6px 8px 0px 7px;
	padding:2px 0px 2px 0px;
	width:889px;
	border-top:1px solid #71a041;
	border-bottom:1px solid #71a041;
}
ul.menuP li {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
 	padding:4px 5px;
	color:#fff;
	list-style:none;
	background:#71a041;
}
ul.menuP a {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:1px 51px 3px 13px;
	background:#71a041;
	color:#fff;
	font-family:Arial;
}
ul.menuP a.done {
	background:#5b892d;
}
ul.menuP a:hover {
	background:#457119;
	text-decoration:none;
}

ul.menuP a span.titleLink {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
}
ul.menuP a span.none {display:none;}
ul.menuP a span.descLink {
	position:relative;
	display:block;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
}



















/*===============================================================================================================================
MAIN
===============================================================================================================================*/
h3.colsTitle {
	margin:0px;
	color:#71a041;
}

.article {
	position:relative;
	display:block;
	margin:30px 0px 10px 0px;
	padding:0px 0px 32px 0px;
	width:100%;
	background:url(img/article_separator.jpg) center bottom no-repeat;
}
.article a {
	color:#0099ce;
}

div.titre {
	padding-bottom:16px;
}
.article div.titre h4 {
	padding:7px 0px 0px 67px;
	margin:0px 0px 5px;
}
.article div.titre h4 a {
	color:#86b505;
}
.article div.titre p {
	color:#999999;
	margin:0px;
}
.article div.titre p a {
	text-decoration:underline;
	color:#999999;
}


div.dateArticle {
	position:absolute;
	display:block;
	margin:0px;
	padding:4px 0px 0px 0px;
	top:0px;
	left:0px;
	width:57px;
	height:48px;
	background:url(img/dateBlog.gif) left top no-repeat;
	color:#fff;
	text-align:center;
	font-size:9px;
}
.dateArticle span.day {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.dateArticle span.month {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.dateArticle span.year {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div.ctn {
	margin-top:16px;
}
.article div.ctn p {
	margin:0px 0px 10px;
	color:#000;
}

div.foot {
	margin-top:26px;
	color:#666666;
	font-size:10px;
}


div.commentaire {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

div.blockComm {
	position:relative;
	display:block;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

div.blockComm a.name {
	font-weight:bold;
	color:#d76ea6;
}


div.commentaire label {
	position:relative;
	display:block;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

div.commentaire input.txtClass {
	position:relative;
	display:block;
	margin:0px 0px 10px 0px;
	padding:2px 3px 0px 3px;
	width:200px;
	height:17px;
	font-size:12px;
}

div.commentaire input.btnClass {
	position:relative;
	display:block;
	margin:10px 0px 0px 0px;
}

div.commentaire textarea {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px;
	width:400px;
	height:92px;
	font-size:12px;
}






.block {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 25px 0px;
	width:px;
	text-align:right;
	color:#00457c;
	border-bottom:1px solid #b3e0f3;
}

.block h2.chat {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:27px;
	background:url(img/titleQuiEstLa.jpg) top right no-repeat;
}
.block h2 span {
	display:none;
}

.block h2.calendrier {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:53px;
	background:url(img/titlecalendrier.jpg) top right no-repeat;
}


.block ul {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
}
.block li {
	padding:2px 28px 0px 0px;
	margin:0px 0px 15px 0px;
	list-style:none;
	height:15px;
	color:#00457c;
	font-size:12px;
	font-weight:bold;
	background:url(img/noConnect.jpg) 195px center no-repeat;
}
.block li.conn {
	background:url(img/connect.jpg) 195px center no-repeat;
}
.block li a {
	color:#00457c;
	font-size:12px;
	font-weight:bold;
}






/* CATALOGUE */

div.colsCategorie {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:20px 8px 25px;
	width:232px;
	background:#f6f6f6;
}
.colsCategorie h4.title_cat {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 17px;
	font-size:16px;
	color:#71a041;
	width:215px;
}

ul.menuCat {
	position:relative;
	display:block;
	margin:17px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:232px;
}

ul.menuSCat {
	position:relative;
	display:block;
	margin:17px 0px 0px 0px;
	padding:0px 0px 0px 31px;
	width:201px;
}

ul.menuTCat {
	position:relative;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 7px;
	width:194px;
}

ul.menuCat li {
	margin:0px 0px 10px 0px;
	color:#71a041;
	font-size:12px;
	list-style:none;
}

ul.menuSCat li {
	margin:0px 0px 10px 0px;
	color:#71a041;
	font-size:12px;
	list-style:square;
}

ul.menuTCat li {
	margin:0px 0px 10px 0px;
	color:#71a041;
	font-size:12px;
	list-style-image:url(img/puce_cat.gif);
}

ul.menuCat a {
	color:#71a041;
	font-size:12px;
}

ul.menuCat a.first {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 16px;
	width:200px;
	background:#71a041;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

div.colsProduit {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	width:536px;
}

ul.fil_ariane {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.fil_ariane li {
	display:inline;
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	list-style:none;
	color:#71a041;
}
ul.fil_ariane li.bold {
	color:#000;
	font-weight:normal;
}
ul.fil_ariane li a {
	display:inline;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#71a041;
	font-weight:bold;
}

.colsProduit h4 {
	position:relative;
	display:block;
	margin:37px 0px 0px 0px;
	padding:10px 5px;
	width:526px;
	font-size:20px;
	color:#71a041;
	background:#F6F6F6;
}
.colsProduit h4 a.more {
	position:absolute;
	margin:0px;
	padding:6px 0px 0px;
	right:5px;
	color:#d76ea6;
	font-size:10px;
}


div.blockProduct {
	position:relative;
	display:block;
	margin:50px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:536px;
}

.blockProduct div.blockImg {
	float:left;
	display:block;
	margin:0px 40px 0px 0px;
	padding:0px;
	width:100px;
}

.blockProduct div.blockCtn {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:396px;
}

.blockProduct h5 {
	margin:0px 0px 20px;
	padding:4px 0px;
	font-size:15px;
	color:#71a041;
}
.blockProduct h5 a {
	color:#71a041;
}
.blockProduct h5.canada {
	background:url(img/made_in_canada.jpg) right center no-repeat;
}
.blockProduct h5.quebec {
	background:url(img/made_in_qc.jpg) right center no-repeat;
}

.blockProduct p {
	margin:0px 0px 10px;
	padding:0px;
	color:#71a041;
}

.blockProduct p.rabais {
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
	color:#d76ea6;
}
.blockProduct p.prix {
	margin-top:20px;
	font-weight:bold;
}
.blockProduct p.prix a {
	position:absolute;
	right:0px;
	color:#71a041;
}

.blockProduct table {
	margin:0px 0px 10px;
	padding:0px;
	color:#71a041;
}

.blockProduct ul {
	margin:0px 0px 10px 30px;
	padding:0px;
	color:#71a041;
}
.blockProduct li {
	margin:0px 0px 3px 0px;
}


div.blockProductDetail {
	position:relative;
	display:block;
	margin:50px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	width:536px;
	border-bottom:1px solid #71a041;
}

.blockProductDetail div.blockImg {
	float:left;
	display:block;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:230px;
}

.blockProductDetail div.blockImg a {
	float:left;
	display:block;
	margin:0px 12px 0px 0px;
	padding:0px;
	width:58px;
	text-align:center;
}

.blockProductDetail div.blockCtn {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px;
	width:296px;
}

.blockProductDetail h5 {
	margin:0px 0px 10px;
	padding:3px 0px;
	font-size:18px;
	color:#71a041;
}
.blockProductDetail h5.canada {
	background:url(img/made_in_canada.jpg) right center no-repeat;
}
.blockProductDetail h5.quebec {
	background:url(img/made_in_qc.jpg) right center no-repeat;
}

.blockProductDetail p {
	margin:10px 0px 0px;
	padding:0px;
	color:#71a041;
}

.blockProductDetail p.rabais {
	margin:25px 0px 0px;
	font-weight:bold;
	font-size:18px;
	color:#d76ea6;
	text-align:right;
}
.blockProductDetail p.prix {
	margin:25px 0px 0px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
.blockProductDetail p.retour a {
	position:absolute;
	right:0px;
	bottom:35px;
	text-align:right;
	color:#71a041;
}

.blockProductDetail table {
	margin:0px 0px 10px;
	padding:0px;
	color:#71a041;
}

.blockProductDetail ul {
	margin:10px 0px 10px 30px;
	padding:0px;
	color:#71a041;
}
.blockProductDetail li {
	margin:0px 0px 3px 0px;
}

.blockProductDetail ul.menuDetail {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.blockProductDetail ul.menuDetail li {
	float:left;
	display:block;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	height:24px;
}
.blockProductDetail ul.menuDetail li a {
	position:relative;
	display:block;
	height:24px;
	cursor:pointer;
}
.blockProductDetail ul.menuDetail span {display:none;}


.blockProductDetail ul.menuDetail li.btn_description {
	width:92px;
	background:url(img/btn_description_roll.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_description a {
	width:92px;
	background:url(img/btn_description.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_description a:hover {
	background:url(img/btn_description_roll.jpg) left top no-repeat;
}


.blockProductDetail ul.menuDetail li.btn_caracteristique {
	width:123px;
	background:url(img/btn_caracteristique_roll.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_caracteristique a {
	width:123px;
	background:url(img/btn_caracteristique.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_caracteristique a:hover {
	background:url(img/btn_caracteristique_roll.jpg) left top no-repeat;
}


.blockProductDetail ul.menuDetail li.btn_couleur {
	margin:0px;
	width:79px;
	background:url(img/btn_couleur_roll.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_couleur a {
	width:79px;
	background:url(img/btn_couleur.jpg) left top no-repeat;
}
.blockProductDetail ul.menuDetail li.btn_couleur a:hover {
	background:url(img/btn_couleur_roll.jpg) left top no-repeat;
}

div.changeDetail {
	position:relative;
	display:block;
	marign:10px 0px 0px;
	padding:10px 15px 0px 0px;
	width:282px;
	height:287px;
	overflow:auto;
}



div.blockProductKit {
	position:relative;
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:536px;
}

.blockProductKit h5 {
	margin:0px 0px 10px;
	padding:0px;
	font-size:16px;
	color:#dc5fa9;
}

.blockKitCtn {
	float:left;
	display:block;
	margin:0px 17px 17px 0px;
	padding:10px;
	width:142px;
	height:162px;
	border:1px solid #e6e6e6;
}

.kitRelative {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:142px;
	height:162px;
	overflow:hidden;
}

.blockKitCtn h6 {
	margin:0px 0px 20px 0px;
	font-weight:bold;
	font-size:10px;
	font-weight:normal;
}

.blockKitCtn p {
	margin:0px 0px 0px 0px;
	text-align:center;
}

.blockKitCtn p.detail {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:0px 0px 0px 0px;
	text-align:right;
}

.blockKitCtn p.detail a {
	font-weight:bold;
}













/* A PROPOS */
div.cols2Article {
	position:relative;
	display:block;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

div.cols2Article h6 {
	
}

div.cols2Article p {
	
}

div.cols2Article a {
	float:right;
	margin:0px 10px 0px 0px;
	padding:5px 5px 5px 20px;
	font-size:10px;
	font-weight:bold;
	color:#71a041;
	background:url(img/btn_fleche.gif) 5px center no-repeat #e6e6e6;
	text-decoration:none;
}


















/* CONTACT */
div.formulaire {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:290px;
}

label.contactLabel {
	float:left;
	display:block;
	margin:15px 0px 0px;
	padding:0px;
	color:#71a041;
}

input.contactTxt {
	float:right;
	display:block;
	margin:15px 0px 0px;
	padding:2px 3px;
	width:190px;
	height:17px;
	border:1px solid #71a041;
	color:#71a041;
	font-size:12px;
}

textarea.contactTxtarea {
	position:relative;
	display:block;
	margin:15px 0px 0px;
	padding:3px;
	width:282px;
	height:92px;
	border:1px solid #71a041;
	color:#71a041;
	font-size:12px;
}

input.contactBtn {
	float:right;
	display:block;
	margin:15px 0px 0px;
	padding:0px;
	width:86px;
	height:23px;
	background:url(img/btn_envoyer.jpg) top left no-repeat;
	border:none;
	color:#fff;
	font-size:0px;
	cursor:pointer;
}



div.colsContact {
	float:right;
	display:block;
	margin:0px;
	padding:0px;
	width:267px;
}

.colsContact div.blockContact {
	position:relative;
	display:block;
	margin:0px 0px 15px 0px;
	padding:20px 15px;
	width:237px;
	background:#f6f6f6;
	text-align:left;
	color:#71a041;
}

.blockContact h4 {
	margin:0px 0px 20px 0px;
	text-align:center;
	color:#71a041;
	font-size:16px;
}

.blockContact a {
	color:#71a041;
	text-decoration:underline;
}

.blockContact iframe {
	margin:20px 0px 0px;
}

.blockContact table {
	margin:0px auto;
	width:173px;
}
.blockContact table td {
	padding:3px;
	vertical-align:top;
}























/*===============================================================================================================================
FOOTER
===============================================================================================================================*/
div.contentFoot {
	position:relative;
	display:block;
	marign:0px;
	padding:0px;
	background:url(img/bgFoot.jpg) 550px 18px repeat-y #71a041;
}

#footer div.site {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 24px 0px 60px;
	width:466px;
}

#footer div.blog {
	float:right;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 60px 0px 44px;
	width:248px;
}

#footer h3 {
	position:relative;
	display:block;
	color:#fff;
	font-size:12px;
}

#footer ul {
	padding:0px 0px 0px 5px;
}

#footer ul.menup {
	position:relative;
	display:block;
	margin:0px 5px 0px 0px;
}
#footer ul.menup li {
	float:left;
	margin:0px 0px 5px 0px;
	display:block;
	width:114px;
}
#footer ul.menup a {
	color:#fff;
}
#footer ul.menup a.bold {
	font-size:11px;
}
#footer ul.menup span.bold {
	font-size:11px;
}

#footer ul.menuother {
	position:relative;
	display:block;
	margin:5px 0px 0px 0px;
}
#footer ul.menuother li {
	float:none;
	margin:0px 0px 5px 0px;
	display:block;
	width:auto;
}
#footer ul.menuother a {
	color:#fff;
}
#footer ul.menuother a.bold {
	font-size:11px;
}
#footer ul.menuother span.bold {
	font-size:11px;
}






#footerBg p {
	margin:0px;
	padding:30px 0px 0px;
	text-align:center;
}

#footerBg a.savate {
	color:#0598FF;
	font-weight:bold;
}































.comm_bad {margin:10px 0 0; color:red;}
.comm_good {margin:10px 0 0; color:green;}
.bold {font-weight:bold;}