/***************** BODY *****************/
*{
	/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;
}
body,html{
	height:100%;
}
body{
	font-family:Arial, Helvetica, Verdana;
	font-size:10px;
	font-weight:normal;
	color:#000;
	scrollbar-base-color:#fff;
	background:#fff url(images/charte/fond_catalogue.gif) left top repeat-y;
}
/***************** CONTAINER *****************/
#container{
	position:relative;
	min-height:100%;
	width:980px;
}
*html #container{
	height:100%;
}
.texte{
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	font-weight:normal;
	min-height:350px;
	color:#000000;
	padding-bottom:30px;
}

.texteplusgros{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

.cond-ge {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin:20px 0 35px 0;
}

.titre-cata{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	color:#FF8901;
}

.message{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	color:#455FA8;
}

.img-cata{
	height:150px;
	background-repeat:no-repeat;
	border:1px solid #FF8A00;
	vertical-align:top;
	text-align:left; 
	cursor:pointer;
}

*html .img-cata{
	width: 200px;
}

.prix-cata{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	color:#86A4F9;
}

.prix-cata-barre{
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	text-decoration:line-through;
	color:#86A4F9;
}

.index-encart {
	width:700px;
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:left; 
}

.index-item {
	float:left;
	width:210px;
	background-repeat:no-repeat;
	border:1px solid #FF8A00;
	margin:10px;
	display:inline;
}

.index-item div {
	background-position:center center;
	background-repeat:no-repeat;
	}

.content {
	float:left;
	width:770px;
	padding-left:9px;
	text-align:center;
} 

.page{
	width:770px;
	text-align:left;
	min-height:inherit;
}

.menu1 {
	width:980px;
	height:211px; 
}
.menuflash{
	width:980px;
	height:161px;
	display:block;
	outline:none;
}
.menu{
	width:950px;
	height:50px;
	padding-left:563px;
	background:url(images/charte/menu_gauche.jpg) left top no-repeat;
	overflow:hidden;
}
.menu2 {
	float:left;
	width:201px;
	background:url(images/charte/fond_catalogue.gif) left top repeat-y;
}

 

.btrechercher{
	float:left;
	padding:0px;
	margin:0px;
	height:40px;
	width:40px;
}

.fondrechercher{
	float:left;
	width:161px;
	text-align:center;
	height:40px;
	padding:0px;
	margin:0px;
	background-position:left top;
	background-image:url(images/charte/fond_rechercher.gif);
}

.btnewsletter{
	float:left;
	padding:0px;
	margin:0px;
	height:57px;
	width:40px;
}

.fondnewsletter{
	float:left;
	width:161px;
	text-align:center;
	height:57px;
	padding:0px;
	margin:0px;
	background-position:left top;
	background-image:url(images/charte/fond_newsletter.gif);
}

.titre{
	font-family:Arial, Helvetica, Verdana;
	font-size:22px;
	font-weight:bold;
	font-weight:normal;
	color:#FF8A00;
	width:730px;
	text-align:left;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #455FA8;
}

h1{
	font-family:Arial, Helvetica, Verdana;
	font-size:22px;
	font-weight:bold;
	font-weight:normal;
	color:#FF8A00;
	text-align:left;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #455FA8;
}

form{
	padding:0px;
	margin:0px;
	dsiplay:inline;
}

input{
	border:1px inset #FF8A00;
	font-family:Arial, Helvetica, Verdana;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	background-color:#FFFFFF;
}

.catalogue{
	padding:0px;
	margin-left:11px;
	width:175px;
	height:20px;
	border-bottom:1px solid #455FA8;
	display:block;
	text-align:right;
}

.catalogue a{
	display:block;
	line-height:20px;
	text-decoration:none;
	font-family:Arial, Helvetica, Verdana;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#86A4F9;
	cursor:pointer;
	vertical-align:middle;
}

.catalogue a:hover{
	display:block;
	font-family:Arial, Helvetica, Verdana;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#FF8A00;
	cursor:pointer;
	vertical-align:middle;
}

.formcontact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#86A4F9;
	border:1px solid #FF8901;
}
.form-identification {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#607BCA;
	background-color:#FFF0D4;
	border:1px solid #FF8901;
	margin-top: 5px;
	margin-bottom: 5px;
}
.titre-ident{
	color:#FFFFFF;
	font-weight: bold;
	background-color: #FF8901;
	}
.form-ident-bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#607BCA;
	background-color:#FFD990;
	border:2px solid #FF8901;
	margin-top: 5px;
	margin-bottom: 5px;
}
#navigation { color: #607BC8; font-size: 14px; }
#navigation a { color: #FF8A00; text-decoration: none; }
#navigation a:hover { color: #607BC8; text-decoration: none; }

span#panier {}
span#panier a {
	font-size:11px;
	color:black;
	text-decoration:none;
}

span#panier a:hover {
	font-size:11px;
	color:black;
	text-decoration:underline;
}

span#panier th {
	color:white;
	background-color:#FF8A00;
}

span#panier h2 {
	color:#607BCA;
}

span#panier .bouton {
	color:#607BCA;
	border:1px solid #FF8A00;
	background-color:#FFD990;
}

span#panier .input {
	color:#607BCA;
	border:1px solid #FF8A00;
	background-color:#FFF0D4;
}

/* RUBRIQUE GALERIE */
#flechegauche{
  	float:left;
  	margin50px 3px 0 3px;
  	cursor:pointer;
}

#flechedroite{
  	float:left;
  	margin:50px 3px 0 3px;
  	cursor:pointer;
}

#galerie{
  	height:133px;
  	width:700px;
  	overflow:hidden;
	white-space:nowrap;
  	float:left;
	margin:0 5px;
}

#galeriedef{
   	float:left;
  	height:133px;
}

#galeriedef img{
	margin-right:5px;
	border:1px solid #86A4F9;
}

#galerie-img {
	float:left; 
	width:500px; 
	height:273px;
	margin:42px 10px 100px 120px;
	text-align:center;
	border:1px solid #86A4F9;
	display:table;
}

.catalogue-vignettes {
	margin:5px 0 0 5px;
}

.voir-nouveautes a{
	color:#ff8a00;
	font-size:13px;
	margin-left:20px;
	font-weight:bold;
	text-decoration:none;
}

.voir-nouveautes a:hover{
	text-decoration:underline;
}
/***************** FOOTER *****************/
.clearer{
	clear:both;
}
#clearFooter{
	height:50px;/*--- = à la hauteur du footer ---*/
}
.footer {
	position:relative;
	clear:both;
	width:100%;
	height:50px;
	margin:-50px 0 0 0;
	background: url(images/charte/fond_footer.gif) left top repeat-x;
}