/* CSS Document */


body{
background-color:#FFFFFF;
color:#005b74;
margin-left:auto;
margin-right:auto;
width:800px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #ad0226;
 margin: 0px;
 padding: 5px;
}

h2{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 14px;
 color: #aa0025;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 font-weight:bold;
 font-style:italic;
}

h3{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 11px;
 color: #005b74;
 margin: 0px;
 font-weight:normal;
 padding: 0px;
}

h4{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: Tahoma,Arial,sans-serif;
 font-size: 60%;
 color: #334d55;
 margin: 5px;
 padding: 0px;
}

select {
	width:68px; 
	height:18px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	padding:1px 0px 1px 0px;
	
}

form {
	display:inline;
}

a {
	color:#005b74; text-decoration:underline;text-align:left
} 

a:hover {
	color:#aa0025; text-decoration:underline; text-align:left
}

h2 a {
 font-family: Tahoma,Arial,sans-serif;
 font-size: 14px;
 color: #aa0025;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 font-weight:bold;
 text-decoration:none;
 font-style:italic;
}

h2 a:hover {
 color: #ffb981;
}

.titre {
	font-size:11px; font-weight:bold;color: #aa0025; margin:0px 0px 5px 0px;
}

p {
	text-align:justify; font-size:11px;
}

textarea {
	border:1 solid #000000;
}

/* header */
#header {
	width:785px; 
	background-image:url(image/entete.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:198px;
	position:relative;
}

/* classe lien accueil */

.informationClient {
	float:right; margin:15px 15px 15px 0px; 
}

.informationClient a {
	color:#666666; font-size:12px ;text-decoration:underline; 
}

.informationClient a:hover{
	color:#0a829b; text-decoration:underline; font-size:12px 
}

.lienNavig {
	margin:5px 0px 0px 5px;
	
	float:left;
	border-right-style:solid;
	border-right-width:1px; 
	border-right-color:#ffffff;
	height:130px;
	width:153px;
}

/* classe lien accueil */
.lienAccueil {
	margin:6px 5px 5px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px
}

.lienAccueil a {
	color:#FFFFFF; text-decoration:underline; width:130px;
}

.lienAccueil a:hover {
	color:#0a829b; text-decoration:underline; 
}

.lienNavigation {
	width:130px; padding:6px 5px 5px 10px;
	border-top-style:dashed; 
	border-top-color:#FFFFFF; 
	border-top-width:1px;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px
}

.lienNavigation a {
	color:#FFFFFF; text-decoration:underline; 
}

.lienNavigation a:hover {
	color:#0a829b; text-decoration:underline; 
}


/* classe du conteneur de recherche */
.recherche {
	float:right;
	text-align:right;
	padding:0px 18px 0px 0px;
	display:inline;
	height:20px;
	width:600px;
}

.recherche font {
	 display:inline;
	 font-size:12px; 
	 color:#FFFFFF;
	 padding:0px 5px 0px 0px;
}

.recherche .champtexte {
	margin:0px 0px 2px 0px;
	width:100px; 
	height:12px; 
	border-color:#aa0025; 
	border-style:none; 
	display:inline
}

.recherche .bouton {
	margin:0px 0px 0px 0px;
	height:17px; 
}

/* Permet d'afficher l'accroche de Chanteroy */
.baseline {
	font-size:14px;
	color:#FFFFFF;
	width:225px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding:0px 75px 0px 60px;
	display:inline
}


/*Le menu de gauche qui contient les familles et les recherches*/
#navigation_catalogue {
	float:left; 
	width:163px;  
}

#navigation_catalogue h1 {
	background-color:#ffba81;
}

#navigation_catalogue a {
	color:#005b74; text-decoration:none; padding:4px 0px 3px 10px; font-size:11px; width:153px; background:#ffdac0; display:block
}

#navigation_catalogue a:hover {
	color:#aa0025; text-decoration:underline; 
}

.famille {
	border-top-style:dotted; border-top-color:#FFFFFF; border-top-width:1px;
}

/* Pour la recherche avancée */
.recherche_specialise {
	width:163px;
	background-color:#ffdac0; 
	text-align:right;
	padding:10px 0px 5px 0px;
	font-size:10px; 
	color:#005b74; 
}

.recherche_specialise input:text {
	float:left;
}

.recherche_specialise .bouton {
	margin:1px 5px 1px 0px;
}

.champtexte {
	width:68px; 
	font-size:10px;
	height:12px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	margin:1px 0px 1px 0px;
	background-color:#FFFFFF;
}

.champtexteoblig {
	width:68px; 
	font-size:10px;
	height:12px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	margin:1px 0px 1px 0px;
	background-color:#FFFF66;
}

.champlogin {
	width:105px; 
	font-size:10px;
	height:12px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	margin:1px 5px 1px 0px;
}

.label {
	width:60px;
	text-align:left; 
	display:inline; 
	float:left;
	padding:1px 0px 1px 15px;
}

.bouton {
	border-style:solid;
	border-color:#FFFFFF;
	border-width:1px;
	background-color:#ff7200;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	padding:1px;	
	cursor:pointer
}

.petitbouton {
	background-color:#ff7200;
	color:#FFFFFF;
	font-size:9px;
	padding:1px;		
	border:none;
	min-width:15px;
	width:15px;
	text-align:center;
	margin:0px 0px 1px 0px;
	cursor:pointer;
}

.boutonAjouter {
	background-color:#ff7200;
	color:#FFFFFF;
	font-size:9px;
	padding:1px;		
	border:none;
	min-width:15px;
	text-align:center;
	padding:0px 7px 0px 7px;
	margin:0px 0px 1px 0px;
	cursor:pointer;
	max-width:60px;
	width:53px;
}

.petitchamptexte {
	width:15px; 
	font-size:10px;
	height:15px; 
	border:none; 
	background-color:#ffdcc0;
	color:#005b74;
	text-align:right;
	margin:0px 0px 2px 0px;
}

.contenupanier .petitchamptexte {
	background-color:#FFFFFF;
}

/* Corps du document */
#body {
	float:left;
	margin:15px 0px 15px 15px;
	padding: 0px 15px 0px 0px;
	width:355px;
	font-size:11px; 
	display:inline
}
#body H2{
	width:280px;
}
#body ul {
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 13px;
}

#body li {	
	list-style-image:url(image/puce_triangle.jpg);
}

#body > span {	
	padding:20px 10px 0px 0px;
	text-align:justify;
}

.formulaire {
	text-align:right;
	width:310px;
}

.formulaire .label {
	width:260px;
	padding:1px 1px 1px 0px;
	text-align:left; 
	display:inline; 
}

.formulaire .labellong {
	width:550px;
	padding:1px 1px 1px 0px;
	text-align:left; 
	float:left;
	display:inline; 
}

.formulaire .labelcourt {
	width:180px;
	padding:1px 1px 1px 0px;
	text-align:left; 
	float:left;
	display:inline; 
}

.formulaireCompte{
	text-align:right;
	width:550px;
}

.formulaireCompte .label {
	width:250px;
	padding:1px 1px 1px 0px;
	text-align:left; 
	display:inline; 
}

.labeltextarea {
	width:100px;
	text-align:left; 
	vertical-align:top;
	padding:1px 5px 1px 0px;
	height:100px;
	display:inline; 
}

.labelrappel {
	width:105px;
	text-align:left;
	float:left
}

.formulaire .champtexte{
	width:105px;
}

.formulaire .champtexteoblig{
	width:105px;
}

.formulaire .champtexte2{
	width:35px;
	height:15px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	font-size:10px;
	margin:1px 0px 1px 0px;	background-color:#FFFF66;
}

.formulaire p {
	width:200px;
	display:inline
}

.formulaire .bouton {
	float:left;
}

.formulaireCompte .champtexte{
	width:235px;
}

.formulaireCompte .champtexteoblig{
	width:235px;
}

.formulaireCompte .champtexte2{
	width:165px;
	height:15px; 
	border-style:solid; 
	border-width:1px; 
	border-color:#68686a;
	font-size:10px;
	margin:1px 0px 1px 0px;	background-color:#FFFF66;
}

.formulaireCompte p {
	width:500px;
	display:inline
}

.formulaireCompte .bouton {
	float:left;
}

.formulaireCompte .champarea {
	width:235px;
}

.code_postal {
	text-align:center;
	width:310px;
	margin:10px 0px 0px 0px;
}

/* identification */
.identification {
	background-image:url(image/bord_haut_Deja_Client.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
	margin:15px 0px 0px 0px;	
	text-align:justify; float:left;
	width:340px;
	display:block
}

.identification form {
	padding:0px 15px 0px 15px;
}

.identification h2 {	
	color:#aa0025; 
	font-size:14px; 
	font-weight:bold;
	font-style:normal;
	padding:10px 0px 10px 15px;
}

.identification .bouton{	
	margin:2px 0px 0px 270px;
}

.ident_bordurebas {
	background-image:url(image/bord_bas_deja_client.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
	padding:0px 0px 1px 15px;
	margin:0px;
	width:340px;
	text-align:center
}
.comm {
	background-image:url(image/bord_haut_commande.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
	text-align:justify; float:left;
	display:block;
	width:310px;
}

.comm h2 {	
	color:#aa0025; 
	font-size:14px; 
	font-weight:bold;
	font-style:normal;
	padding:10px 0px 10px 15px;
}

.ident_bordurebascourt {
	background-image:url(image/bord_bas_commande.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
	padding:0px 0px 1px 0px;
	margin:0px;
	width:300px;
	text-align:center

}

.identification a {
	color:#005b74; text-decoration:underline; font-size:10px;text-align:left
} 

.identification a:hover {
	color:#f56d01; text-decoration:underline;  font-size:10px; text-align:left
}

.ident_bouton {	
	width:310px;
	padding:0px;
	margin:0px;
	text-align:right
}

/* editorial */
.editorial {
	background-image:url(image/bord_haut_editorial.jpg);
	background-repeat:no-repeat;
	background-color:#e6e3cf;
	margin:15px 0px 0px 0px;	
	padding:0px 0px 0px 0px;	
	float:left;
	width:340px;
	text-align:justify;	
}

.editorial img {
	width:335px;
	border-style:none;
	padding:0px;
	margin:0px;
}

.editorial p {	
	padding: 0px 15px 10px 15px;
	margin: 0px 0px 0px 0px;
}

.editorial h2 {	
	color:#005b74; 
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	padding:10px 0px 10px 15px;
}

.editorial h3 {	
	font-size:11px; 
	color:#aa0025;
	padding:0px 0px 0px 15px;
}

.editorial form {
	padding:0px 15px 0px 15px;
}

.editorial .bouton {
	margin:0px;
}

.editorialbas {
	background-image:url(image/bord_bas_editorial.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
	padding:0px 0px 1px 15px;
	margin:0px;
	width:340px
}

/* selection du mois */
.droite {
	float:left; 
	margin:15px 0px 0px 0px;
/*	border-left:5px solid #ffdcc0; 
	width:227px; */
}

#selection { 
	width:237px;
	height:460px;
	background-image:url(image/bord_haut_selection.jpg);
	background-repeat:no-repeat;
	background-color:#ffdcc0;
/*	margin:0px 0px 0px 15px;*/
	padding:0px 0px 10px 0px;
}

#selection p {
	padding:0px 10px 0px 10px;
	text-align:justify;
	text-indent:20px;
}

#selection h2 {
	font-size:14px; 
	font-weight:bold; 
	color:#aa0025;text-align:center;
	padding:10px 0px 10px 0px;
	font-style:normal;
}

#selection h3 {
	font-size:11px; 
	font-weight:bold;
	color:#aa0025;
	padding:10px 0px 0px 0px;
}

#selection a {
	color:#005b74; text-decoration:underline; font-size:9px;
	display:block
}

#selection a:hover {
	color:#aa0025; text-decoration:underline;  font-size:9px;
}

#selection span {
	display:block	
}

.photo_produit {
	float:right;
	padding:5px 0px 0px 0px;
}

#selection .premier {
	margin:5px 5px 10px 13px;	
	width:220px;
	min-height:85px
}

#selection .bordure {
	margin:5px 5px 10px 13px;
	border-top-color:#b4acac; 
	border-top-style:dashed; 
	border-top-width:1px;	
	width:220px;
	min-height:85px
}

#selection hr {
	padding:5px 5px 5px 5px; 
	border-left-style:none;
	border-top-style:none;
	border-right-style:none;
}

.droite .bordurebas {
	background-image:url(image/bord_bas_selection.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
/*	margin:0px 0px 0px 15px;*/
	width:238px
}

.droite .bordurebaspanier {
	background-image:url(image/bord_bas_panier.jpg);
	background-repeat:no-repeat;
	background-color:#ffb981;
/*	margin:0px 0px 0px 15px;*/
	width:238px
}

/* lien du bas */
#lien_bas {
	float:left; 
	width:770px; 
	text-align:center;
	font-size:9px; 
	color:#005b74;
	margin:5px 0px 15px 0px;
}

#lien_bas a {
	font-size:9px; color:#005b74; 
}

#lien_bas a:hover {
	color:#aa0025;
}

/* Corps du catalogue */
.catalogue {
	float:left;
	width:632px;
}

.catalogue #body {
	float:left;
	margin:15px 0px 15px 15px;
	width:315px;
	font-size:11px; 
	color:#005b74; 
	display:inline;
}

.catalogue #body h2 {
	padding:0px 0px 5px 0px;
}

.catalogue #body .cat a {
 color:#005b74; text-decoration:none;text-align:left; font-weight:bold; font-size:11px; font-style:normal
}

.catalogue #body .cat a:hover {
 color:#aa0025; text-decoration:underline; text-align:left;font-weight:bold; font-size:11px;font-style:normal
}

.catalogue .droite {
	float:left; 
	color:#005b74;
	font-size:10px;
	display:inline;
/*	border-left:5px solid #ffdcc0; 
	margin:10px 0px 0px 0px;*/
	width:275px;
}

.catalogue .droite #selection { 
	width:275px;
	background-image:url(image/bord_haut_panier.jpg);
	background-repeat:no-repeat;
	background-color:#ffdcc0;
	height:460px;
	/* $margin:0px 0px 0px 15px; */
	text-align:center;
}

.droite .bordurebaspanier { 
	width:275px;
	background-image:url(image/bord_bas_panier.jpg);
	background-repeat:no-repeat;
	background-color:#ffdcc0;
	/* margin:0px 0px 0px 15px; */
}

.ecartBas {
	width:250px;
	padding:0px 0px 10px 0px;
}

/* panier */
.livraison {
	width:250px;
	border-top:1px dashed #005b74; 
	border-bottom:1px dashed #005b74; 
	border-left-style:none;
	border-right-style:none;
	background-image:none;
	text-align:left;
	margin:5px 5px 5px 5px;
	padding:0px 0px 10px 0px;
}

.date {
	color:#ff7200;
	display:line;
	border-style:none;
	background-color:#ffdcc0;
	font-weight:bold;
	cursor:pointer
}

.dateindex {
	display:line;
	color:#ff7200;
	border-width:0px;
	border-style:none;
	font-weight:bold;
	cursor:pointer
}

.indice {
	font-size:9px;
	font-style:italic;
}

.livraison .indice {
	padding:0px 0px 0px 90px;	
}

.contenupanier {
	height:200px; overflow: auto; text-align:left; width:260px; padding:0px 3px 0px 10px;
}

.contenupanier .indice {
	padding:10px 0px 0px 0px;
	text-align:center;
	width:250px; 
}

.coutlivraison {
	width:250px;
	border-top:1px dashed #005b74; 
	border-bottom:1px dashed #005b74; 
	border-left-style:none;
	border-right-style:none;
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 0px 5px 0px;
}		

.coutlivraison .titre{
	text-align:left;
	float:left;
	display:inline;
	width:140px;
	font-size: 11px;
	color: #aa0025;
	margin: 0px;
	font-weight:bold;
	padding: 0px;
}

.coutlivraison .prix{
	font-size:11px;
	border-style:none;
	background-color:#ffdcc0;
	font-weight:bold;
	color:#005b74;
	display:inline;
	text-align:right;
	padding:0px 0px 0px 49px;
}

.total {
	width:250px;
	float:left;
	border-top:none; 
	border-bottom:1px dashed #005b74; 
	border-left-style:none;
	border-right-style:none;
	margin:0px 5px 5px 5px;
	padding:0px 0px 5px 0px;
}	

.total .titre{
	text-align:left;
	float:left;
	display:inline;
	width:190px;
	font-size: 11px;
	color: #aa0025;
	margin: 0px;
	font-weight:bold;
	padding: 0px;
}

.total .titre .indice{
	text-align:left;
	font-size: 10px;
	color: #aa0025;
	font-weight:normal;
	font-style:italic;
}


.total .prix{
	width:60px;
	font-size:11px;
	font-weight:bold;
	color:#005b74;
	display:inline;
	text-align:right;
	float:right;
}

.connexion {
	width:250px;
	border-top:none; 
	border-bottom:1px dashed #005b74; 
	border-left-style:none;
	border-right-style:none;
	text-align:left;
	margin:0px 10px 5px 10px;
	padding:0px 0px 5px 0px;
}	

.ligneConnexion {
	width:255px;
}

.ligneConnexion .labelmail {
	width:123px;
	text-align:left; 
	display:inline; 
	float:left;
	padding:1px 0px 1px 15px;
}
.ligneConnexion .label {
	width:160px;
}
.ligneConnexionDroite {
	width:250px;
	text-align:right;
}
	
.commander {
	width:260px;
	text-align:right;
	padding:0px 0px 0px 0px;
}

.commander font {
	vertical-align:super;
	color:#005b74;
	font-size:9px;
}

.commander span {
	padding:10px 0px 0px 10px;
}

/* selection de date */
.ds_box {
	background-color: #FFF;
	border: 1px solid #005b74;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #aa0025;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #ffb981;
	color: #005b74;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Helvetica, sans-serif;
	width: 28px;
}

.ds_cell {
	background-color: #ffb981;
	color: #005b74;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;	
	cursor: pointer;
}

.ds_not_deliver {
	background-color: #ffdcc0;
	color: #005b74;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:line-through;
	padding: 4px;
}

.ds_cell:hover {
	background-color: #ff7200;
	color:#FFFFFF;
} /* This hover code won't work for IE */

/* Contenaire pour la fenêtre de connexion lors d'un ajout au panier non connecté */
.connexion_achat {
	background-color: #FFF;
	border: 1px solid #005b74;	
	position: absolute;
	width:250px;
	height:150px;
	font-size:10px;
	z-index: 32767;
}

.connexion_achat h2 {
	font-style:normal;
	width:245px;
	padding:5px 0px 5px 5px;
	margin:0px 0px 5px 0px;
	background-color:#ffb981;
}

.connexion_achat .message {
	width:245px;
	padding:0px 0px 0px 5px;
	background-color:#ffffff;
}

.connexion_achat .corps {
	width:245px;
	padding:10px 0px 0px 5px;
	background-color:#ffffff;
	text-align:center;
}

.connexion_achat form {
	padding:0px 0px 10px 0px;
}