=/* CSS Document */

/*	---------------------------------------------------------

		HTML

	---------------------------------------------------------	*/

html {
	font-size: 100%;
}

/*	---------------------------------------------------------

		B O D Y

	---------------------------------------------------------	*/

Body {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	background: url(../design/body.jpg) top left repeat-x #ECECEC;
}





/*	---------------------------------------------------------

		D I V   P R I N C I P A L E S

	---------------------------------------------------------	*/

/*	----------------
		D I V   0
	----------------	*/
#div0 {
	width: 940px;
	margin: 5px auto 5px auto;
	background: #FFFFFF;
}

#div1 A {
	float: left;
	width: 940px;
	height: 131px;
} 
 

/*	----------------
		D I V   1
	----------------	*/
#div1 {
	height: 135px;
	background: url(../design/div1.jpg) top left no-repeat #ECECEC;
}


/*	----------------
		D I V   2
	----------------	*/
#div2 {
	height: 40px;
	padding-left: 82px;
	background: url(../design/div2.jpg) top left #CC0000;
	border-bottom: 5px solid #999999;
}


/*	----------------
		D I V   3
	----------------	*/
#div3 {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #FFFFFF;
}


/*	----------------
		D I V   3   A C C U E I L
	----------------	*/
#div3_accueil {
	height: 280px;
	margin: 0;
	padding: 0;
	background: #000000;
	color: #FFFFFF;
}


/*	----------------
		D I V   4
	----------------	*/
#div4 {
	height: 150px;
	background: url(../design/div4.jpg) top left no-repeat #FFFFFF;
	padding: 0 0 0 36px;
	margin: -3px 0 0 0;
}


/*	----------------
		D I V   5
	----------------	*/
#div5 {
	padding: 0px 20px 30px 20px;
	background: #FFFFFF;
	clear: both;
}


/*	----------------
		D I V   6
	----------------	*/
#div6 {
	height: 31px;
	margin-top: 7px;
	padding: 9px 0 0 0;
	background: url(../design/div6.jpg) top left no-repeat #699ADE;
	text-align: center;
	font-size: 0.9em;
	clear: both;
}




/*	---------------------------------------------------------

		D I V   S E C O N D A I R E S

	---------------------------------------------------------	*/


/*	----------------
		D I V   2   L I E N S
	----------------	*/
#div2_a, #div2_b, #div2_c, #div2_d, #div2_e {
	float: left;
	height: 40px;
	padding: 0 40px 0 40px;
}

#div2_a { width: 59px; }
#div2_b { width: 91px; }
#div2_c { width: 88px; }
#div2_d { width: 74px; }
#div2_e { width: 70px; }

#div2_a:hover, #div2_b:hover, #div2_c:hover, #div2_d:hover, #div2_e:hover {
	background: url(../design/div2_hover.jpg);
}

#div2_a:hover {	background-position: -83px 0; }
#div2_b:hover { background-position: -223px 0; }
#div2_c:hover { background-position: -394px 0; }
#div2_d:hover { background-position: -562px 0; }
#div2_e:hover { background-position: -716px 0; }


#div2 span {
	display: none;
}


/*	----------------
		D I V   4   L I E N S
	----------------	*/
#div4_a, #div4_b, #div4_c, #div4_d, #div4_e, #div4_f, #div4_g, #div4_h, #div4_i {
	float: left;
	width: 86px;
	height: 125px;
	padding: 0 5px 0 5px;
}

#div4_a:hover, #div4_b:hover, #div4_c:hover, #div4_d:hover, #div4_e:hover, #div4_f:hover, #div4_g:hover, #div4_h:hover, #div4_i:hover {
	background: url(../design/div4_hover.jpg) no-repeat;
}

#div4_a:hover {
	background-position: -36px 0;
}

#div4_b:hover {
	background-position: -132px 0;
}

#div4_c:hover {
	background-position: -228px 0;
}

#div4_d:hover {
	background-position: -324px 0;
}

#div4_e:hover {
	background-position: -420px 0;
}

#div4_f:hover {
	background-position: -516px 0;
}

#div4_g:hover {
	background-position: -612px 0;
}

#div4_h:hover {
	background-position: -708px 0;
}

#div4_i:hover {
	background-position: -804px 0;
}

#div4 span {
	float: left;
	width: 76px;
	padding: 0 5px 5px 5px;
	margin-top: 98px;
	text-align: center;
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 0.9em;
}

#div4 a:hover span {
	font-size: 1em;
	color: #699ADE;
}


/*	----------------
		D I V   5 _ ACCUEIL
	----------------	*/
#div5_accueil {
	height: 115px;
	padding: 0px 20px 5px 260px;
	margin: -20px -20px -37px -20px;
	background: url(../images/div5_accueil.jpg) bottom left no-repeat #FFFFFF;
}


/*	----------------
		D I V   5 _ P A G E
	----------------	*/
#div5_page {
	padding-left: 10px;
	margin: 0 0 30px -15px;
	background: url(../design/fleche_fond-blanc.jpg) center left no-repeat #FFFFFF;
	color: #999999;
	font-weight: bold;
}
#div5_cont {
	padding-left: 10px;
	padding: 0px 20px 5px 100px;
	margin: 0 0 30px -15px;
	color: #999999;
	font-weight: bold;

}


/*	----------------
		D I V   5   . P R O D U I T S
	----------------	*/
#div5 .liste_produits {
	padding: 0;
	margin: 10px 7px 10px 7px;
	border: 1px solid #000000;
	background: #CC3300;
	color: #FFFFFF;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 120px;
}


/*	----------------
		D I V   5   . P R O D U I T S   A
	----------------	*/
#div5 .liste_produits a:link, #div5 .liste_produits a:visited {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 0.9em;
}


/*	----------------
		D I V   5   . P R O D U I T S   A
	----------------	*/
#div5 .liste_produits a:hover {
	float: left;
	color: #FFCC00;
}


/*	----------------
		D I V   5   . P R O D U I T S   I M G
	----------------	*/
#div5 .liste_produits img {
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	margin: 0 0 3px 0;
}


/*	----------------
		D I V   5   . P R O D U I T S   . T E X T E _ P E T I T
	----------------	*/
#div5 .liste_produits .texte_petit {
	color: #000000;
	font-weight: normal;
}


/*	----------------
		D I V   5 _ P R O D UI T - A
	----------------	*/
#div5_produit-a {
	width: 300px;
	float: left;
}
#div5_produit-a-contenu {
	background: url(../design/div5_produit-a-legende.jpg) bottom left no-repeat #999999;
	color: #FFFFFF;
}


/*	----------------
		D I V   5 _ P R O D UI T - A - T O P
	----------------	*/
#div5_produit-a-top {
	width: 300px;
	height: 10px;
	background: url(../design/div5_produit-a-top.gif) top left no-repeat;
	position: absolute;
}


/*	----------------
		D I V   5 _ P R O D UI T - A - L E G E N D E
	----------------	*/
#div5_produit-a-legende {
	width: 280px;
	padding: 2px 10px 0px 10px;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.2em;
}


/*	----------------
		D I V   5 _ P R O D UI T - G A L E R I E
	----------------	*/
#div5_produit-a-galerie {
	width: 300px;
	height: 300px;
	margin-top: 20px;
	color: #000000;
}
#div5_produit-a-galerie .top {
	color: #333333;
	letter-spacing: 3px;
	line-height: 20px;
	text-align: center;
	background: url(../design/div5_produit-a-galerie-top.jpg) top left no-repeat #999999;
	font-weight: bold;
}
#div5_produit-a-galerie .contenu {
	padding: 5px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
#div5_produit-a-galerie .bottom {
	color: #333333;
	letter-spacing: 3px;
	line-height: 15px;
	height: 15px;
	text-align: center;
	background: url(../design/div5_produit-a-galerie-bottom.jpg) bottom left no-repeat #999999;
}


/*	----------------
		D I V   5 _ P R O D UI T - B
	----------------	*/
#div5_produit-b {
	margin-left: 20px;
	float: left;
}
#div5_produit-b-news {
	margin-left: 20px;
	float: left;
}

#div5_produit-b-lo {
	margin-left: 50px;
	float: left;
}

/*	----------------
		D I V   5 _ P R O D UI T - B - T O P
	----------------	*/
#div5_produit-b-top {
	width: 580px;
	height: 25px;
	padding-top: 5px;
	background: url(../design/div5_produit-b-top.jpg) top left no-repeat #666666;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}


/*	----------------
		D I V   5 _ P R O D UI T - B - M I D D L E
	----------------	*/
#div5_produit-b-middle {
	background: #F4F4F4;
	width: 548px;
	padding: 10px 15px 10px 15px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}


/*	----------------
		D I V   5 _ P R O D UI T - B - B O T T O M
	----------------	*/
#div5_produit-b-bottom {
	background: url(../design/div5_produit-b-bottom.jpg) top left no-repeat #FFFFFF;
	width: 580px;
	height: 10px;
	margin-bottom: 30px;
	line-height: 0em;
}




/*	---------------------------------------------------------

		S T Y L E S   P R � F O R M A T � S

	---------------------------------------------------------	*/


/*	----------------
		P
	----------------	*/
p {
	padding: 0;
	margin: 0px 0px 10px 0px;
}



/*	----------------
		I M G
	----------------	*/
img {
}

img .noborder {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

.produit {
	width: 298px;
	height: 300px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

.produit_news {
	width: 120px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

/*	----------------
		H 1 ,   H 2
	----------------	*/
h1, h2 {
	padding: 0 0 0 7px;
	margin: 0 0 5px 0;
	font-size: 1.5em;
	border-left: 1.3em solid #FF0000;
}



/*	----------------
		H 2
	----------------	*/
h2 {
	margin: 40px 0 5px 0;
}


/*	----------------
		H 3
	----------------	*/
h3 {
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 1.2em;
	line-height: 0.8em;
	color: #699ADE;
}


/*	----------------
		H 4
	----------------	*/
h4 {
}


/*	----------------
		H 5
	----------------	*/
h5 {
}


/*	----------------
		H 6
	----------------	*/
h6 {
}


/*	----------------
		U L
	----------------	*/
ul {
	padding: 0;
	margin: 0px;
	list-style: none;
}

li {
	padding: 0 10px 0 10px;
	display: inline;
}





/*	---------------------------------------------------------

		F O R M U L A I R E

	---------------------------------------------------------	*/


/*	----------------
		F O R M
	----------------	*/
form {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
}


/*	----------------
		I N P U T
	----------------	*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF3BF;
	padding: 2px 5px 2px 5px;
	margin: 0 0 10px 10px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
}





/*	---------------------------------------------------------

		T E X T E

	---------------------------------------------------------	*/


/*	----------------
		P E T I T
	----------------	*/
.texte_petit {
	font-size: 11px;
	line-height: 11px;
}


/*	----------------
		G R A N D
	----------------	*/
.texte_grand {
	font-size: 16px;
	line-height: 16px;
}


/*	----------------
		P A D D I N G   G A U C H E + D R O I T
	----------------	*/
.padding_gd {
	padding:0 10px 0 10px;
}




/*	---------------------------------------------------------

		C O U L E U R S

	---------------------------------------------------------	*/


/*	----------------
		R O U G E
	----------------	*/
.rouge {
	color: #FF0000;
}



/*	---------------------------------------------------------

		S T Y L E S   L I E N S

	---------------------------------------------------------	*/


/*	----------------
		A
	----------------	*/
A:link, A:visited {
	color: #0000FF;
	text-decoration: none;
}

A:hover {
	color: #FFF56B;
}


/*	----------------
		D I V 5   A
	----------------	*/
#div5 A:link, #div5 A:visited {
	color: #000000;
	text-decoration: underline;
}

#div5 A:hover {
	color: #FF0000;
}


/*	----------------
		D I V 5   P A G E   A
	----------------	*/
#div5_page A:link, #div5_page A:visited {
	color: #999999;
	text-decoration: underline;
}

#div5_page A:hover {
	color: #666666;
}


/*	----------------
		D I V 5   P R OD U I T - B - T O P
	----------------	*/
#div5_produit-b-top A:link, #div5_produit-b-top A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#div5_produit-b-top A:hover {
	text-decoration: underline;
}


/*	----------------
		D I V 6
	----------------	*/
#div6 A:link, #div6 A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#div6 A:hover {
	color: #FFFF66;
}