/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 *-  style du menu en accordeon
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:white;
	
	font-size: 0.8em;
	

}
h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 25px;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	text-align:center;
	background-image:url("img/arplantitre.jpg");
	color:white;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

a {
	color: black;
	text-decoration: none;
}

a:visited {
	color: black; /*#EC8000;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: red;/*#EC8000;*/
}

img {
	border: 0
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	/*background-image:url("img/arplansubwrapper2.png") ;*/
	
	
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
	
	
	
}

#contenu {

	float: left;
	width:800px;
	padding: 0 0;
	
	
; margin: 10px 0 0 10px; }

.titrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 780px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}

.sousTitrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}




/* Entête
-------------------------------------------------------- */

#entete {
	
	background-image: url("img/banniere.jpg");
	width: 990px;
	height: 128px;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	color: #FFFFFF;

}
#entetemenu
{
background-image: url("arriereplanentete.jpg");
	width: 990px;
	height: 30px;
	margin: 0;
	
	
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	color: #FFFFFF;
}

#menuentete
{
width:990px;
background-color:#777777 ;
border-bottom:5px solid black;



}

#tabl_entête
{

color:white;
background-color:#777777;


}

.text_entete
{
padding-left:25px;


}

.logo {
	float: left;
	width: 160px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#monCompte {
	float: left;
	width: 400px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#monCompteessai2{
	
	width: 150px;
	margin-left:0px;
	
	border-style:solid;
	border-color:#e2e7e8;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	
}
.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #12335B;
	background-color: #e9f4fb;
	border: 1px solid #12335B;
	overflow: hidden;
	zoom: 1;
}

.menuMonCompte {
	float: left;
	color: #a9c9e9;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	float: left;
	width: 150px;
	margin: 0;
	
	border-style:solid;
	border-color:#e2e7e8;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align:center;
	color:white;
}

.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



a.LIEN_entete:link {
	
	color: white;
	text-decoration: none;
	font-weight: bold;
	
}

a.LIEN_entete:visited {
	
	color: white;
	text-decoration: none;
	font-weight: bold;
	
}

a.LIEN_entete:hover {
	
	color: #e9b5f6;
	text-decoration: underline;
	font-weight: bold;
	
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:970px;
	color: black;
	font-size: 0.9em;
	font-weight: bold;
	background-color: white;
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: red;
}

a.LIEN_chemin:link {
	color: black#a9c9e9;;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

a.lienrub:link {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

a.lienrub:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

a.lienrub:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}

.ListeProduitsPetits {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.produitPetit {
float:left;
	width: 500px;
	
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom:10px;
	margin-left: 130px;
	padding: 0;
	background:white;
	border-width: 1px;
	border-style:dotted;
	border-color:#a50000;
	overflow:hidden;
	/*float:left;
	width: 600px;
	height: 150px;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	padding: 0;
	background:white;
	border-width: 1px;
	border-style:dotted;
	border-color:#a50000;
	overflow:hidden;*/
	
	
}

.contourImage {
	
	margin-bottom: 5px;
	margin:10px;
	float: right;
}
.contourImageproduit {
	
	margin-bottom: 1px;
	width:200px;
	
	margin:1px;
	float: right;
}
.contourImagerubrique
{
	/*border: 1px solid #0066CC;*/
	margin-bottom: 5px;
	margin:10px;
	float: right;
	}
.titreProduit {


	/*color:#5a3364 ;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 50%;*/
	color: #12335B;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 50%;
	
}

.chapoProduit {
	color: black;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	margin-top:5px;
	margin-left:67px;
	width: 80%;
	
	/*color: #12335B;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	margin-top:10px;
	width: 100%;*/
	
}

.descriptionProduit {

	/*color: black;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;*/
	color: black;/*#12335B;*/
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left:5%;
	margin-right:5%;
	width:80%;
	
}

.prixProduit {
	color: black;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	width: 50%;
}

.ficheProduit {
	float:left;
	width: 780px;
	
	margin-left: 0px;
	margin-top:1px;
	
	
 background:white;
	
}
.descriptif {
	float:left;
	width: 375px;
	
	margin-left: 0px;
	margin-top:1px;
	
	
 background:white;
	
}
.imageminiature {
	float:right;
	width: 50px;
	
	margin-left: 0px;
	margin-top:1px;
	
	
 background:white;
	
}

a.LIEN_commander:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
	margin-left:30px;
}

a.LIEN_commander:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
	margin-left:30px;
}

a.LIEN_commander:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
	margin-left:30px;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 775px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;

}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 960px;
	font-family:"arial";
     color:#545854;
	text-align:center;
	font-size: 0.8em;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #545854;
	margin: 10px;
	padding-top: 10px;
}

a.LIEN_footer:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
	color:white;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 765px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	float: left;
	width:150px;/*175px*/
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	color:#f9e0ff;
	

}


dl, dt, dd, li {
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	
	
}

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

#menu {
	position: relative;
	padding: 0;
	margin-left:10px;
	margin-bottom:10px;
	color:white;
}


dl#menu {
	
}


dl#menu dt {
	cursor: pointer;
	
}

dl#menu dt a {
	font-size: 1.2em;
	color: white;/*#ec8000;*/
	/*font-weight: bold;*/
	text-decoration: none;
	display:block;
	margin: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 1px;
	overflow: hidden;
	font-family:"Levenim MT","comic sans ms";
	zoom: 1;
}


  dl#menu dt a:hover ,dl#menu dt .selected  {
	color:#e9b5f6;
	display:block;
	
}

dl#menu dd {

}

dl#menu li {

}

dl#menu li a {
	font-size: 1em;
	color:white; /*#EC8000;*/
	/*font-weight: bold;*/
	text-decoration: none;
	display:block;
	margin-left:10px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	overflow: hidden;
	
	zoom: 1;
}

dl#menu li a:hover, dl#menu li .selected {
	color: red;/*#FFFFFF;*/
	/*background-color: #EC8000;*/
	
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
	
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}

a.LIEN_signature:link {
	color:black;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: red;
	text-decoration: underline;
	font-weight: bold;
}


h1 { 
	font-family: "Courier New", Courier, mono;
; color: #CC0000; background-color: #FFFFFF} 

/*-- ici cest le css a christophe zone de test --*/

#centre-accueil 
{padding: 0;   margin-top: 10px;  margin-bottom: 10px; margin-right: 200px; margin-left: 200px; border:1px solid;}

#prod {
    padding:0;
    margin:0;
    border:1px solid;
    width:400px;
    }

.boite
{
    float: left;
    width: 40%;
    margin: 0;
    padding: 0:
    }
.essai { border:1px solid; height:100px; padding:0; margin:0;}

/*---- ici c'est le style de christophe pour tout ce qui est promotions, soldes et nouveautés ---*/


/* --- css du titre menu general --*/
h4
{
text-align:center;
color:#65526a;
font-family:"Pristina";
margin-top:0px;
font-size:20px;
margin-left:0px;
margin-bottom:10px;

}

/* ici c'est la css de la page d'acceuil du site --*/
#contenuacceuil
{
width:760px;
height:210px;

}

#accueilpromotion
{
width:760px;
height:212px;

margin:10px;
}




.titreacceuil
{
margin:auto;
font-size:25px;
color:#65526a;
font-family:"Pristina";

}
.produitPetitaccueil {
	float: left;
	width: 150px;
	height: 184px;
	background-color:white;
	border:1px dotted grey;
	text-align:center;
	
	
	}
a.titreProduitacceuil
{
color:black;
	text-decoration: none;
	font-family:"Century Gothic";
}
	
}
a.titreProduitacceuil:link {
	color:black;
	text-decoration: none;
	font-family:"Century Gothic";
	
}

a.titreProduitacceuil:visited {
	color: black;
	text-decoration: none;
	
	font-family:"Century Gothic";
	}

a.titreProduitacceuil:hover {
	color: red;
	text-decoration: underline;
	font-family:"Century Gothic";
	
	
}
#imageaccueilnouveaute
{
width:120px;
height:100px; 
overflow:hidden;

}
.contourImageaccueil {
	/*border: 1px solid #0066CC;*/
	
	margin-bottom: 5px;
	
	
	text-align:center;
}
	/*float: left;
	width: 300px;
	height: 150px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom:10px;
	margin-left: 30px;
	padding: 0;
	background:white;
	border-width: 1px;
	border-style:dotted;
	border-color:#a50000;
	overflow:hidden;
	*/

#textaccueil
{
font-family:"Eras Light ITC";
font-size:15px;
margin-left:20px;
margin-right:20px;



}


/* menu en accordeon */

#navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			background: #000;
			color: #fff;
			width: 140px;
			font: 1 em "Century Gothic", sans-serif;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
			background: #000 url(img/menu-item.png) left bottom no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(img/menu-item-deroule.png);
			}
		#navigation .open a, #navigation .open span {
			background-image: url(img/menu-item-enroule.png);
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			}
		#navigation .subMenu {
			font-size: .8em;
			background: #131313  0 0 repeat-x;
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
			}
	
		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}
			
			


/*-------------------- bouton en savoir plus -----------------------*/
.splus
{
width:200px;
height:21px;

}

 .splus a:link
{background-image:url("img/savoirplus2.jpg");
display:block;
width:200px;
height:21px;
background-repeat:no-repeat;
}

.splus    a:visited
{background-image:url("img/savoirplus2.jpg");
display:block;
width:200px;
height:21px;
background-repeat:no-repeat;
}

.splus  a:hover
{background-image:url("img/savoirplus3.jpg");
display:block;
width:200px;
height:21px;
background-repeat:no-repeat;
}

.splus   a:active
{background-image:url("img/savoirplus3.jpg");
display:block;
width:200px;
height:21px;
background-repeat:no-repeat;
}

.splusrub
{
width:91px;
height:21px;
margin-left:30%;
margin-top:10px;

}

 .splusrub a:link
{background-image:url("img/savoirplus2.jpg");
display:block;
width:91px;
height:21px;
background-repeat:no-repeat;
}

.splusrub    a:visited
{background-image:url("img/savoirplus2.jpg");
display:block;
width:91px;
height:21px;
background-repeat:no-repeat;
}

.splusrub  a:hover
{background-image:url("img/savoirplus3.jpg");
display:block;
width:91px;
height:21px;
background-repeat:no-repeat;
}

.splusrub   a:active
{background-image:url("img/savoirplus3.jpg");
display:block;
width:91px;
height:21px;
background-repeat:no-repeat;
}

/* css de pactimo */

.blocmenu
{

width:170px;
height:660px;
padding-top:10px;
margin-top:10px;
padding-bottom:10px;
overflow:hidden;
float:left;
background-color:#c5cbd0;

}

ul#bmenu 
{			   
margin-left:10px;
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   160px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  
   /* Application d'une bordure */ 
}

ul#bmenu li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :   1px;            /* Ajout d'une marge en bas */
  border-bottom: 3px solid #e9eff4;
}

ul#bmenu li a
{
  width             :   auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             :   100%;            /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;             /* Définition des marges intérieures */  
  text-decoration   :   none;            /* Suppression du soulignement */
  display           :   block;           /* Définition sous forme de block */
}

ul#bmenu li a:link
{
  color             :   #743d82/*39C*/;            /* Couleur de la police */
  background-color  :   #c5cbd0/*f4edf4/*F5FBFF*/;         /* Définition de la couleur de fond */ 
 /* border            :   1px solid #731887; /* Ajout d'une bordure */	
 /* border-left-width :   4px;               /* Modification de la bordure gauche */
}
 
ul#bmenu li a:visited
{
  color             :   #743d82/*FFA407*/;            /* Changement de la couleur de la police initiale */
  background-color  :   #f4edf4/*FFF9AA*/;            /* Changement de la couleur de fond initiale */ 
/*  border            :   1px solid #731887;  /* Ajout d'une bordure */	
/*  border-left-width :   4px;                /* Modification de la bordure gauche */
}

ul#bmenu li a:hover
{
  color             :   #ce0ed0/*#993*/;            /* Changement de la couleur de la police initiale */
  background-color  :   #edd9ed;         /* Changement de la couleur de fond initiale */
 /* border            :   1px solid #731887;  /* Ajout d'une bordure */	
 /* border-left-width :   4px;             /* Modification de la bordure gauche */
}

ul#bmenu li a:active
{
  color             :   #ce0ed0/*#FFC300*/;            /* Changement de la couleur de la police initiale */
  background-color  :   #edd9ed/*FDFFA5*/;            /* Changement de la couleur de fond initiale */
 /* border            :   1px solid #731887;  /* Ajout d'une bordure */	
 /* border-left-width :   4px;                /* Modification de la bordure gauche */
}			

#coord
{
font-family:"arial";
text-align:center;
}

.tel
{
font-family:"arial";
color:#545854;
margin-left:7px;
font-size: 12px;
text-align:center;
}

#accueilnouveaute
{
float:left;
margin-top:0px;
width:500px;

margin-left:20px;

}
#blocrecherche
{
float:right;
margin-left:20px;
width:255px;
height:680px;
background-color:#c5cbd0;
color:#743d82;
}

#formulaire_spipimmo
{
padding-right:5px;
}

#cssannonce
{
float:right; 
font-family:tahoma; 
font-size:11px; 
width:290px; 
height:150px;
overflow:hidden;

}
#tabtri
{
background-color:#c6cbd1;
color:#743d82;
}
#tabtri td
{width:250px;}