/* CSS Document */



/* Import du layout */

@import "layout.css";

@import "slimbox.css";







/* Style du body */ 

html, body {



}

.mceContentBody { text-align:left; background:#400306; padding:5px} 

body{

	background: url(../images/fond_body.jpg) top repeat-x #400306;

	margin:0px;

	padding: 0;	

	color: #fff;

	font-size: 11px;

	font-family:Arial, Helvetica, sans-serif;

	border-top: 0px solid #DDD;

	

}











/* Redefinition des balises titres

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

h1, h2, h3, h4, h5, h6{

	font-family: "Trebuchet MS", sans-serif;

}



h1{font-size: 1.5em;}

h2{font-size: 1.4em;}

h3{font-size: 1.3em;}

h4{font-size: 1.2em;}

h5{font-size: 0.9em;}

h6{font-size: 0.9em;}







/* Champs de Formulaires

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

input,textarea{



	margin : 1px;



}

input.noborder {border:0;}

input.recherche {width:50px;}

input.button {

	border:1px solid #2c220e;



}



input.small_button {

	border:1px solid #2c220e;

	background-color:#2c220e;

	color:#ccc;

	font-size:9px;	

}







select {



	margin : 2px;		

}



form {padding:0;margin:0;}



textarea{

	width: 96%;

	font-size: 1em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



img {border:0;}



p {

	margin:4px 0;

}



/* Lien generique

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

a{

	color: #F4B22A;

	text-decoration:underline;



}



a:visited{

	color: #F4B22A;



}



a:hover{

	color:#FFF;

	text-decoration:none;

}



.nolink {cursor:default;}



hr{

	height: 1px;

	margin: 10px  0;

	padding: 0;

	color: #74706d;

	background-color: #74706d;

	border: 0;

	clear:both;

}







/* miniatures photo 

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

.div_galerie {

	float:left;

	border:0px solid #fff;

	margin-right:5px;

	text-align:center;

}







.miniature_photo2

{

	margin: 1px 7px 3px 0px;

	padding:0px;

	border:0px solid #403320;



/* Suppression du margin, du padding et des puces du <ul> */

}



/* galerie photo */

.galerie_photo

{

	margin: 0 ;

	padding:3px 0;

	list-style-type: none ;

	text-align:center;

/* Suppression du margin, du padding et des puces du <ul> */

}

.galerie_photo ul {margin:0;padding:0}

.galerie_photo li

{

	display:inline;

	margin: 0px 0px ;

	padding: 0px  0px;



}



.galerie_photo span {

		background-color:#543019;

		font-weight:bold;

		line-height:13px;

		padding: 1px 3px;

}



.galerie_photo  img 

{

	border:1px solid #403320;



}



.galerie_photo a, .galerie_photo a:visited, .galerie_photo a:hover {

	text-decoration:none;

	color:#f7941d;

}





/* galerie photo gauche */



.bloc_galerie_photo_gauche

{

	width:100px;
	float:left;
	text-align:center;
	


/* Suppression du margin, du padding et des puces du <ul> */

}



.galerie_photo_gauche

{

	margin: 0 ;
	padding: 2px 0px ;
	list-style-type: none ;
	text-align:center;
	float:left;
	margin-right:20px;
	


/* Suppression du margin, du padding et des puces du <ul> */

}



.galerie_photo_gauche ul {margin:0;padding:0;list-style-type: none ;}

.galerie_photo_gauche li

{

	margin:0;padding:0;

	margin: 2px 2px 2px 2px;

	padding: 0px ;

	text-align:center;

	font-size:10px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	



}



.galerie_photo_gauche  img 

{

	margin: 1px 5px 3px 0px;

	padding:0px;

	border:0px solid #403320;

}



.galerie_photo_gauche a, .galerie_photo_gauche a:visited, .galerie_photo_gauche a:hover {

	text-decoration:none;

	color:#f7941d;

}



.galerie_photo_gauche span {

		background-color:#543019;

		font-weight:bold;

		line-height:13px;

		padding: 1px 3px;

}







/* galerie_photo_ligne */

.galerie_photo_ligne

{

	margin: 0 ;

	padding: 2px 5px 2px 5px;

	list-style-type: none ;





/* Suppression du margin, du padding et des puces du <ul> */

}

.galerie_photo_ligne ul {margin:0;padding:0;}

.galerie_photo_ligne li

{

	margin:0;padding:0;

	margin: 2px 2px ;

	padding: 0px ;

	text-align:center;

	display:inline;



}



.galerie_photo_ligne  img 

{

	margin: 1px 2px 3px 2px;

	padding:0px;



}



.galerie_photo_ligne a, .galerie_photo_ligne a:visited {

	text-decoration:none;

}











.miniature_photo

{

	margin: 1px 3px ;

	border:1px solid #403320;

/* Suppression du margin, du padding et des puces du <ul> */

}







.lien_fleche {

	background:url(../images/lien_fleche3.gif) left center no-repeat;

	padding-left:16px;

	font-size:11px;

	font-weight:bold;

}



.lien_panier {

	font-weight:bold;

}



.lien_panier img {

	padding:0 2px 4px 0;

}



.bloc_degrade_panier {

	text-align:center;

	font-weight:bold;

	color:#251511;

}

.bloc_degrade_panier a:link, .bloc_degrade_panier a:visited {

	color:#251511;

}



.bloc_degrade_panier img {

	padding:0 2px 4px 0;

}



.lien_fleche2  {

	background:url(../images/lien_fleche.gif) left 4px no-repeat;

	padding-left:10px;

	font-size:11px;

	font-weight:bold;

	color:#d82f20;

}





.lien_fleche3, .lien_fleche3:hover,.lien_fleche3:visited  {

	background:url(../images/lien_3fleche.gif) left center no-repeat;

	padding-left:17px;

	font-size:11px;

	font-weight:bold;

	color:#FFF;

}



.lien_fleche1noir, .lien_fleche1noir:hover, .lien_fleche1noir:visited {

	background:url(../images/lien_1flechenoir.gif) left center no-repeat;

	padding-left:10px;

	font-size:11px;

	font-weight:bold;

	color:#242424;

}



.lien_fleche1gris, .lien_fleche1gris:hover, .lien_fleche1gris:visited {

	background:url(../images/lien_1flechegris.gif) left center no-repeat;

	padding-left:10px;

	font-size:11px;

	font-weight:bold;

	color:#91999b;

}









/* intro du corps home

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







/*** Mise en forme du formulaire ***/



#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/

	font: bold 1.1em arial, hevetica, sans-serif;



	margin: 0;

	padding: .5em;

}



#piedForm {

	text-align: center; /*** Les boutons sont alignes a droite ***/

}



#piedForm input {

	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/

	padding: 0.1em 0.1em;



}



#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/





	margin: 0;

	padding: 1em;

}



#corpForm input {

	font-size:10px;

}



#corpForm fieldset {	/*** Mise en forme des cadres ***/

	margin: 0;

	font-style: normal;

	padding: 5px;

	border: 1px solid #DFDFDF;

	

}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/

	font-weight: bold;



	background: transparent;

}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/

	padding: .2em 0;

	margin: 0 0 .2em 0;



}

#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/

	float: left;	/*** Tres important, ne pas suprimer ! ***/

	width: 40%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/

	text-align: right;	/*** ... et ils sont alignes a droite... ***/

	margin: 0;

	padding: 0 .5em 0 0;

	line-height: 1.8;	/*** ... et centres verticalement. ***/

}



#corpForm fieldset.interets p{	/*** Mise en forme des intitules de champs ***/

	

	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/

	text-align: left;	/*** ... et ils sont alignes a droite... ***/

	margin-left:40%;

	padding: 0 .5em 0 5px;

	line-height: 1.8;	/*** ... et centres verticalement. ***/

}



#corpForm fieldset.quizz p {

	padding:10px;

}



#corpForm fieldset.quizz input {border:0}





#corpForm label:hover, #piedForm input {

	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/

}

#corpForm label.oblig {

	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/

}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/

	font-style: italic;

	color: #666;

	background: transparent;

	margin: 0;

	padding: 0;

	font-size:10px;

}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/

	text-decoration: none;

}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/

	margin: 0;

	padding: 0;

	border: 0;

}



a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/

	cursor: help;

}





/* styles passe-partout 

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



/* utile pour repartir du bloc le plus bas lorsque 2 blocs en colonnes */

.clear {

	clear : both;

	line-height:1px;

}



.zoom_photo {

		font-size: 9px;

		letter-spacing:2px;

		color:#531E1D;

		text-align:center;

}



.ico_home

{



	border:1px solid #CCC;

}



/* style utilisé pour bandeau connexion */



.separateur_menu {

	background:url(../images/separateur_menu.gif)  0 2px no-repeat;

	line-height:26px;

}



.separation {

	background:url(../images/separation.jpg) center no-repeat;

	line-height:20px;

	height:20px;

	font-size:5px;

}



.separation2 {

	background: url(../images/separation_vert.jpg) center no-repeat;

	height:122px;

	margin:2px 0 5px 0;

	float:left;

	width:20px;

}



.separation3 {

	background:url(../images/separateur_bleu.gif) center no-repeat;

	line-height:20px;

	height:20px;

	font-size:5px;

	margin:0;

	margin-bottom:5px;

}



.separation4 {

	background:url(../images/trait_degrade.gif) top left no-repeat;

	line-height:20px;

	height:20px;

	margin-bottom:5px;	

}







/* styles pour le bien */



.prix_bien {

	color:#FFFFFF;

}



.libelle_bien {

	font-weight:bold;

}



/* pagination */



.pages {

	text-align:right;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	color:#aea3a0;

	padding:5px 15px;

}



.pages a, .pages a:visited {

	border:1px solid #acacac;

	background-color:#FDB306;

	text-decoration:none;

	padding:2px 5px;

	line-height:18px;

	width:5px;

	color:#ffffff;

	font-weight:bold;

}



.pages .page_active, .pages .page_active:visited

{

	background-color:#8C2428;

	color:#FFFFFF;

	border:1px solid #ccc;

}



.pages .page_active:hover, .pages .page_active:visited:hover

{

	border:1px solid #fff;

	color:#fff;

}



.photo_cadre {

	border:5px solid #3e0d3d;

}



.smalltext {

	font-size:9px;

	color:#666666;

}



.warning {

	border:1px dashed #FFCC00;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	color:#cc0000;

	padding:10px;

}



.tab_contenu {

	padding:0px 0;

}



/* habillage cadre principal */

.eperluette_haut {

  position: absolute;

  top: 0px;

  left: -145px;

}



.eperluette_bas {

  position: absolute;

  bottom: 0px;

  right: -131px;    

}





.div_moitie_gauche {

	float:left;

	width:274px;





}







.div_moitie_droite {

	float:right;

	width:220px;



}









.div_actu {

	float:left;

	width:90px;

	border:0px solid #fff;

    padding:0 8px ;

	font-size:10px;

}







/* blocs promo */

.bloc_prix_barre {

	margin-top:3px;

	float:right;

	width:75px;

	padding:3px 5px;

	text-align:center;

	color:#ffffff;

	font-weight:bold;

	font-size:12px;

	background-color:#543019;

	text-decoration:line-through;

}









.bloc_prix_incruste {

	padding:0;



	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

}



.bloc_prix_incruste_promo {

	padding:0px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

}







.bloc_prix_panier {

	margin:3px 1px 1px 1px ;

	float:right;

	width:160px;

	padding:3px;

	background-color:#56606a;

	text-align:center;

	color:#242424;

	font-weight:bold;

	font-size:12px;

}



.bloc_prix {

	padding:0px;

	color:#981b1e;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	padding:3px 5px;

	margin:0 auto;

	width:100px;

	text-align:center;

	border:1px solid #981b1e;

}



.bloc_prix_promo {

	padding:0px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;



}





.intro_texte {

	margin:7px 0;

	color:#FFFFFF;

	

}



.miniature_actualite {

	text-align:left;

	padding : 10px 5px;

	font-size:10px;

	text-align:justify;

}





.bloc_produit_listing {

	float:left;

	width:230px;

	border:0px solid #DFDFDF;

	text-align:left;

	padding:5px;

}



#contenu .cadre_gris_listing h2 {

	margin:5px 0;

	padding:0;

}



#contenu .cadre_gris_listing h2 a {

	margin:0;

	padding:0;

	font-size:12px;

	text-align:center;

	color:#314D98;

	text-decoration:underline;

}



.cadre_gris_listing {

	border:0px solid #DFDFDF;

}



.cadre_bleu_listing {

	background-color:#85B5D5;

	padding:3px 0;

	margin-bottom:15px;

}



.cadre_bleu_listing a {

	color:#FFFFFF;

}



.cadre_categorie {

	float:left;

	padding-top:15px;

	margin:0;

	width:120px;

}



.cadre_categorie p {

	height:25px;

	width:103px;

	text-align:center;

}



.cadre_categorie a:link, .cadre_categorie a:visited {

	color:#F4B22A;

	font-weight:bold;

}



.cadre_categorie a:link:hover, .cadre_categorie a:visited:hover {

	text-decoration:underline;

	color:#FFFFFF;

}



.cadre_categorie img {

border:1px solid #5f1818;



}





.cadre_newsletter {

	width:145px;

	padding:5px 10px;

	background:url(../images/newsletter_body.gif) repeat-y;

	font-size:10px;



}



.bloc_central {

	padding-right:0px;

	padding-left:25px;

}













/* Listes

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

dl

{

margin: 0.2em 0 0.5em 0;

padding: 0;

color:#999999;

}



dt

{

margin-top:8px;

padding-left: 5px;

font-weight: bold;

font-size:11px;

border: 0px solid #000;

text-align:left;

color:#543019;

}



dd

{

color:#000;

border-left: 1px solid #f7941d;

margin: 2px 0 0 20px;

padding: 0 0 0 5px;

font-size:10px;



}



.imprimer_page a {

	font-size:9px;

	text-decoration:none;

	text-align:right;

	padding:10px;

	float:right;

	width:200px;

	color:#fff;

}



.souscategorie { list-style-type:none;  }

.souscategorie li {background:none; padding:0;margin:0; display:inline;}

/* .souscategorie a, #souscategorie .lien_ssmenu a:visited {color: #F4B22A; font-weight:bold; background:url(../images/lien_fleche3.gif) left center no-repeat;padding-left:18px;margin-left:15px;}

*/