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

/**********************************************************************************

NE PAS EFFACER NE PAS EFFACER NE PAS EFFACER

CES PARAMÈTRES EFFECTUERONT UNE MISE-À-ZÉRO DES PARAMÈTRES IMPORTANTS DE VOS PAGES HTML

CES PAGES S'AFFICHERONT AINSI DE FAÇON PLUS CONSISTANTE D'UN NAVIGATEUR À L'AUTRE

SANS POUR AUTANT GARANTIR UNE APPARENCE IDENTIQUE EN TOUT TEMPS

**********************************************************************************/

* {
margin:0; 
padding:0;
line-height:100%;
}

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {
	margin:0;
	padding:0;
}

:focus { /*elimine la bordure pointillée dans FF*/
	outline:none;
}

img {
	border:none;
}

/**********************************************************************************

FIN DE LA MISE-À-ZERO

**********************************************************************************/


/* CSS POUR LA PAGE ............ */

body{
	background-color:#9D9C9C;
	background-image:url(../images/FOND.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}



#wrapper{
	width:924px;
	margin:0px auto 0px auto;
	background-image:url(../images/FOND_BLANC.png);
	background-repeat:repeat-y;
}

#langue{
	width:830px;
	margin:0px auto 0px auto;
	height:12px;
	background-color:#f9b000;
}

#header{
	width:850px;
	height:180px;
	margin:0px auto 0px auto;
}

/******** SLIDESHOW ***********/

#jquery{
	width:850px;
	margin:0px auto 0px auto;
	height:250px;
	border-bottom:#9D9C9C solid 10px;
}


#slideshow{
	position:relative;
	width:850px;
	height:250px;
	margin:0 auto 0 auto;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}

#slideshow IMG.active{
	z-index:10;
}

#slideshow IMG.last-active{
	z-index:9;
}
/***********************************/

/****** BARRE MENU *********/

#menu{
	padding:0;
	margin:0 auto;
	list-style-type:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#f9b000;
	width:850px;
}

#menu li{
	display:inline;
}

#menu li a{
	display:inline-block;
	text-decoration:none;
	padding:8px 15px 8px 15px;
	color:#FFF;
	background-color:#f9b000;
}

#menu li a:hover{
	text-decoration:none;
	color:#000;
	background-color:#9D9C9C;
}

/*********************************/

#texte{
	width:850px;
	margin:0px auto 0px auto;
}

#desc{
	width:600px;
	margin:40px auto 60px auto;
}

#prod{
	width:600px;
	margin:40px auto 60px auto;
}

#produits{
	width:450px;
	margin:20px auto 0px auto;
	height:260px;
}

#bloc1{
	width:200px;
	height:180px;
	float:left;
	margin-right:50px;
}

#bloc3{
	width:200px;
	height:180px;
	float:left;
}

#bloc2{
	width:200px;
	border-top:1px solid #f9b000;
	padding-top:6px;
}


#sac{
	width:130px;
	height:180px;
}

#contact{
	width:600px;
	margin:40px auto 60px auto;
}

#adresse{
	width:850px;
	margin:0px auto 0px auto;
	height:85px;
	background-color:#f9b000;
}



/*************************
FONTS
**************************/

.langue{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:10px;
	text-align:right;
}

.langue a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:10px;
	text-align:right;
	text-decoration:none;
}

.langue a:hover{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:10px;
	text-align:right;
	text-decoration:underline;
}

h1{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9D9C9C;
	font-size:18px;
	padding-bottom:6px;
}

.h1jaune{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f9b000;
	font-size:18px;
	padding-bottom:20px;
}

h2{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9D9C9C;
	font-size:16px;
	padding-bottom:15px;
	padding-top:6px;
}

h3{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9D9C9C;
	font-size:18px;
	padding-bottom:6px;
	text-align:center;
}

.grostexte{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#5F5F5F;
	font-size:17px;
	padding-bottom:5px;
}

.grostextejaune{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f9b000;
	font-size:17px;
	padding-bottom:5px;
}

.textecourant{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#5F5F5F;
	font-size:14px;
	line-height:140%;
}

.textecourantcentre{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#5F5F5F;
	font-size:14px;
	line-height:110%;
	text-align:center;
}


.textecourantjaune{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f9b000;
	font-size:14px;
	line-height:140%;
}

.textecourant a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#5F5F5F;
	font-size:14px;
	line-height:140%;
	text-decoration:none;
}

.textecourantjaune a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f9b000;
	font-size:14px;
	line-height:140%;
	text-decoration:none;
}

.textecourant a:hover{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#BDBBBB;
	font-size:14px;
	line-height:140%;
	text-decoration:none;
}

.textecourantjaune a:hover{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#BDBBBB;
	font-size:14px;
	line-height:140%;
	text-decoration:none;
}

.footer{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9D9C9C;
	font-size:12px;
	padding:10px 30px 30px 10px;
	text-align:right;
}

.footer a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#9D9C9C;
	font-size:12px;
	padding:10px 30px 30px 10px;
	text-align:right;
	text-decoration:none;
}

.footer a:hover{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#BDBBBB;
	font-size:12px;
	padding:10px 30px 30px 10px;
	text-align:right;
	text-decoration:none;
}