/* ------------------------ */
/* Généralités              */
/* ------------------------ */

body {
margin:0px 0px 0px 0px;
padding: 0;
font: 75% verdana,arial, sans-serif;
color: black;
}

* {
margin: 0;
padding: 0;
}

.spacer {
clear: both;
font-size: 0;
line-height: 1px;
}
*html .spacer {height:1px}
.spacer-dashed {
clear: both;
font-size: 0;
line-height: 1px;
border-bottom:1px dashed #85a9d3;	
margin:6px 0px 6px 0px; 
}  
*html .spacer-dashed {height:1px}
a img {
border: none;
}	
#imgOfSpe {float:right;margin:3px;}
p.OfSpe {clear:both;padding:5px 0 0 10px;}

div#pub {margin:90px 0 0 5px;}

#conteneur {
width:1000px;  
margin:1px 0px 0px 1px;
position: relative;
text-align:left;   
} 	
div#col-gauche {
float:left;
width:202px; 
}		  
div#page {
width:1000px;  
}
div#centre { 
float:left;	
}	
div#col-droite {
float:left;
width:241px;
}		   

/* ---------------------------------
 Personnalisation des styles body         
---------------------------------- */
#home div#col-gauche,#abonnement div#col-gauche,#recettes div#col-gauche { 
height:500px;
} 
#home div#page,#abonnement div#page,#recettes div#page {
background:url(../design/fd-page-home.jpg) repeat-y;
}
#home div#centre,#abonnement div#centre,#recettes div#centre {
width:798px;
}
#recettes  div#col-gauche {
background:url(../design/fd-sa.jpg) no-repeat bottom;
min-height:860px;
}

#sa div#col-gauche,#mbd div#col-gauche, #ed div#col-gauche, #fm div#col-gauche {
min-height:860px;
} 
* html #sa div#col-gauche,#mbd div#col-gauche{
height:860px;
}	 				
#sa div#col-gauche {
background:url(../design/fd-sa.jpg) no-repeat bottom;
}
#mbd div#col-gauche {
background:url(../design/fd-mbd.jpg) no-repeat bottom;
}


#sa div#page,#mbd div#page {
background:url(../design/fd-page-mag.jpg) repeat-y;
} 
#sa div#centre,#mbd div#centre {
width:550px;   
} 	

/* ------------------------ */
/* Bloc  Header             */
/* ------------------------ */		
#header { 
background:url(../design/fd-header.jpg) no-repeat left;
width:1000px;
height:99px; 	  
} 

img.logo {position:absolute;;width:100px;top:45px;left:50px} 

p.baseline {
position:absolute;
left:250px;	
top:10px;
}  

#panier { 
float:right;
height:55px; 
width:150px;
background:url(../design/panier.jpg) 0px 5px no-repeat;
font-size: 0.8em;
padding: 0 6px 0 0;
color: #093482;
text-align:right;	  
}
#panier p {
margin: 0 0 20px 0;
text-align:left;
padding:14px 0px 0px 38px;
}
#panier p strong {
font-size: 1.1em;
color:white;
}
#panier a {	 
font-size:0.9em;
padding-right:8px;
background:url(../design/puce1.jpg) right 5px no-repeat;	 
display: block;
color: #ebf1f8;
text-decoration: none;
}
#panier a:hover {
text-decoration: underline;
} 
 	
/* ------------------------ */
/* Bloc  Footer             */
/* ------------------------ */	
#footer { 	
position:relative;
bottom:0px;
color:#093482;
font-size : 0.8em;
padding: 0.8em;
margin-top: 1.1em;	
text-align: center;	
}
#footer a {
color:#093482;
text-decoration: none;
margin: 0 5px;
}
#footer a:hover {
text-decoration: underline;
}
#footer span {
color:#c1d3e9;
}

/* ---------------------------------
 Home presentaiton magazines         
---------------------------------- */
ul#presentation-magazines{
margin:30px 0px 0px 0px;
padding:0;
list-style-type: none; 
text-align:center;
}	 
ul#presentation-magazines li { 
float:left;
width:180px; 
margin:0px 0px 0px 14px;	
}
ul#presentation-magazines a.ajout-panier{
font-size:0.8em;
padding:0px 15px 0px 0px;
background:url(../design/puce-panier-orange.jpg) right 3px no-repeat;	 
color: #f89b0a;	
text-decoration:none;
} 	 	  
ul#presentation-magazines a.ajout-panier:hover{text-decoration:underline}		 
ul#presentation-magazines li img{background:#d4d3d3;padding:0px 2px 2px 0px;}
p.menu-mag {
text-align:left; 
margin:10px 0px 30px 0px;
} 
p.menu-mag a{
font-size:0.8em; 
font-weight:bold;
padding:0px 0px 0px 14px;
background:url(../design/puce2.jpg) left 3px no-repeat;	 
color: #90a3c7;	
text-decoration:none;
display:block;
height:1.1em; 
}
p.menu-mag a:hover{text-decoration:underline}  
  	
#abonnement p.menu-mag {
text-align:center; 
margin:10px 0px 30px 0px;
font-size:1.1em; 
font-weight:bold;  
color: #093482;	
}
#abonnement p.menu-mag span{
color:#90a3c7;
display:block;
font-size:0.8em;
} 
ul#presentation-magazines a.sabonner { 
color: #f89b0a;	
font-size:1.2em; 
font-weight:bold; 
text-decoration:none; 
}  
ul#presentation-magazines a.sabonner:hover {
text-decoration:underline; 
}  
  
/* ---------------------------------
 Pages interieures         
---------------------------------- */
div#centre p.ariane {
color:#bababa;
padding: 0.3em 5px;
margin: 2px 0;
font-size: 0.85em; 
}	
div#centre p.ariane a{
color:#bababa;
text-decoration:underline
} 
div#centre p.ariane a:hover{	
color:#bababa;
text-decoration:none;
}	  

/* Magazines */	
div#couverture	
{	   
margin:45px 0px 0px 15px;
float:left;
width:180px; 
text-align:right;
}
div#couverture span {color:#f8a30a;font-size:0.8em;text-align:left;text-transform:none;}
div#couverture span a{color:#f8a30a;}
div#couverture span a:hover{text-decoration:none;}

p.numero-magazine {
margin:0px 5px 5px 0px;
color:#264f95;
font-size:0.8em;
}
ul.liens-mag{
margin:15px 0px 0px 0px;
padding:1px;
list-style-type: none;
background:#f4f6f9;
border:1px solid #dae5f2; 	
text-align:left;
}  
ul.liens-mag li {margin:4px 0px 4px 0px;}
ul.liens-mag li a{
font-size:0.8em;   
font-weight:bold;
padding:0px 0px 0px 25px;
background:url(../design/puce3-orange.jpg) left 3px no-repeat;	 
color: #f89b0a;	
text-decoration:none;
}  
ul.liens-mag li a:hover{text-decoration:underline;}		 

div#edito
{	
margin:40px 0px 0px 25px;
float:left;
width:300px;
}	
h2 {   
margin:0px 0px 15px 0px;
font-size:1.5em;
color:#093482;
font-weight:bold;
}	
div#edito p{
font-size:0.9em;
}	
div#edito p.signature{
text-align:right;
margin:15px 0px 0px 0px;
color:#8a8a8a;	
font-size:0.8em;
}	 
div#edito p.signature span{text-transform:uppercase;}
div#edito p a {
color:#f89b0a;
text-decoration:underline;
}
div#edito p a:hover {text-decoration:none;}	

div.pages-interieures {
text-align:center;
margin:30px 0px 0px 0px;
} 
div.pages-interieures img{margin:25px 10px 0px 0px;} 
   
h3{color:#093482;font-size:1em;font-weight:bold;margin:25px 0px 0px 15px;text-align:center;}	
dl#sommaire{   
color:#093482;
margin:25px 0px 0px 15px;
}
dl#sommaire ul,li{
margin:0px 0px 0px 0px;
padding:0px;
list-style-type: none;
}
dl#sommaire dt {
margin:8px 0px 0px 0px;
text-transform:uppercase;
font-size:0.8em;
font-weight:bold;
} 
dl#sommaire dd li {
font-size:0.8em;
}	   
p.achat-now {
font-size:1.1em;font-weight:bold;margin:45px 0px 0px 15px;text-align:center;
}  
p.achat-now a{
color:#f89b0a;
text-decoration:none;
}  
p.achat-now a:hover{text-decoration:underline;}

/* Kiosque en ligne */	
h4{
background:#093482 url(../design/puce4.jpg) no-repeat 10px 5px;
width:695px;
height:20px;
margin:15px 0px 20px 35px;	 
padding:5px 0px 0px 35px;
font-size:1.1em;	
font-weight:bold;
text-transform:uppercase;
color:white;
}  

h5{
margin:2px 0px 10px 0px;
background:#85a9d3;
font-size:1em;
color:#093482;
padding:2px 0px 2px 5px;
} 
h5 a{float:right;color:white;font-size:0.8em;text-decoration:underline;margin:0px 5px 0px 0px}
h5 a:hover{text-decoration:none;}  
h5.minus{
font-size:0.9em;
background:#d2dbee;
margin:15px 0px 15px 0px;
}
h5.minus span{float:right;font-size:0.8em;margin-right:10px;}  

input{
color:dimgray;
font-family:arial,verdana,sans-serif; 
font-size:0.9em;
border:1px solid #85a9d3;
margin:0px;
padding:0px 0px 0px 2px;
}	
input:focus, textarea:focus {
background:whitesmoke;
}  
input.noborder{border:none;} 	  
p.carnet{color:#898972;}
p.carnet input{float:right;border:none;float:right;margin-right:10px}
	  
p.hello-user {color:#093482;font-weight:bold;text-align:center;margin:0px 0px 15px 0px}	   

div.box-contenu{width:695px;float:left;margin:05px 0px 20px 35px;padding:0px 5px 05px 5px;}	   
div.box-contenu ul {
margin: 0 0px 10px 0px;
padding: 0;
list-style-type: none;}
div.box-contenu ul li a{ 
padding:1px 0 3px 15px;
color:#093482;	 
font-size:0.9em;
font-weight:bold;  
text-decoration:underline;
background: url(../design/puce8.jpg) 3px 50% no-repeat;}
div.box-contenu ul li a:hover{ 
text-decoration:none;
} 
div.box-contenu p {
font-size:0.9em;
}
div.box-contenu p a{

}	
div.box-contenu p a{color:#85a9d3;text-decoration:underline;font-weight:bold;}
div.box-contenu p a:hover{text-decoration:none;} 
						  
div.box-float{float:left;border:1px solid #85a9d3;margin:0px 10px 0px 0px;padding:0px 5px 05px 5px;}	

div.box-float p {
color:#898972;
margin:0px 0px 20px 10px; 
font-size:0.9em;
font-weight:normal;
}	 
div.box-float p span{color:#85a9d3;font-weight:bold;}
div.box-float p a{color:#f89b0a;
font-size:0.9em;
text-decoration:none;}
div.box-float p a:hover{text-decoration:underline;}
.white{color:white}
	   
div.box-compte{width:520px;}
div.box-compte {
border:1px solid #85a9d3;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:0px 5px 15px 5px;  
}  
div.box-compte p {
margin:0px 0px 0px 25px; 
font-size:0.9em;
font-weight:bold;
}
div.box-compte p span{
font-weight:normal;
color:#898972;
}	
div.box-compte p a{
color:#85a9d3;
font-size:0.9em;
text-decoration:none;	  
margin:0px 10px 0px 0px;
}
div.box-compte p a:hover{text-decoration:underline;} 
.float-right{float:right;}
   
div.box-identitication {
border:1px solid #85a9d3;
float:left;
width:300px; 
margin:10px 30px 0px 0px;	  
padding:0px 5px 15px 5px;
}	 
div.box-identitication p {
padding:0px 0px 0px 05px;  
color:#898972;
}	  
div.box-identitication p span{ 
color:#85a9d3;
font-weight:bold;
} 

div#box-grande {
padding:0px 0px 0px 60px;
}

div#box-donnees-perso,div#box-donnees-identification{
border:1px solid #85a9d3;
width:520px;
margin-left:auto;
margin-right:auto;
padding:0px 5px 5px 5px;
}
div#box-donnees-perso input,div#box-donnees-identification input,div.box-compte input{margin:1px 0px 1px 0px}  
div#box-donnees-identification {
margin-top:10px;
}	 

p.cnil{
background:#f3f6fb;
border-top:1px dashed #85a9d3;
border-bottom:1px dashed #85a9d3;
color:#85a9d3;
font-weight:normal;
font-size:0.8em;
font-style:italic;
margin:10px 0px 0px 0px; 
padding:4px 6px 4px 6px;	
text-align:center;
}  
p.asterix {
color:#f89b0a;
font-weight:normal;	
font-size:0.8em;	 
text-align:right;
padding:2px 4px 2px 0px; 
margin:10px 0px 0px 0px; 
}
p.etranger ,p.formules{
font-weight:normal;	
text-align:center;
font-size:0.9em;	 
padding:5px; 
margin:10px 100px 10px 100px; 
}

p.etranger {
color:#f89b0a;
}
p.formules {
color:#093482;
font-weight:bold;
}
div#formule1 {margin:0 0 0 25px;}
div#formule1,div#formule2 {
float:left;
width:268px;
text-align:center;
}
div#formule1 p,div#formule2 p {color:#093482;font-size:1.1em;font-weight:bold;margin:15px 0 15px 0;}
div#formule1 span, div#formule2 span {text-transform:uppercase;display:block;}
div#formule1 p strong,div#formule2 p strong {color:#f89b0a;padding:5px;display:block;}

div#cadeau {
float:left;
background:url(../design/fond-cadeau.jpg) no-repeat top;
width:192px;
padding:0;
margin:120px 0 0 -20px;
}
div#cadeau  img.cadeau-saveurs{margin:80px 0 0 60px;}
div#cadeau p {padding:15px 0 0 0;font-size:0.8em;color:#f89b0a;}

div.mentions-legales{
clear:both;font-size:0.8em;text-align:center;width:70%;padding:30px 0 0 80px;color:#a1adc4;
}

div.row {
clear: both;
margin-top:1px;
padding:0px;  
margin:1px 0px 1px 0px;
} 
.noborder input{border:none}
div.row span.intitule,div.row span.intitule-court { 
float: left;
color:#868680;
font-weight:bold;
text-align: right;
font-size:0.8em; 
margin:0px 5px 0px 0px;
}  
div.row span.intitule {width:170px}
div.row span.intitule-court {width:70px}
div.row span.formw option,select{
font-family:verdana, arial, helvetica, sans-serif;
color:#898972;
font-size:10px;
}
div.row span.formw {
float:left;
text-align: left;
}
div.row span.formw label {
font-size:1em;
color:#898972; 
} 	  
.asterix{
color:#f89b0a;
font-size:0.9em;
text-align:left;
margin:15px 0px 5px 0px;
}	

div.boutons {	 
margin:20px 0px 15px 0px;
text-align:center;
}
div.boutons input{border:none;margin:0px 10px 0px 10px;}	 
div.boutons-inbox {	 
margin:10px 0px 0px 0px;
text-align:right;
} 					
div.boutons-inbox input {	 
float:right;	
border:none;
margin:0px 0px 0px 10px;
}	  
a.oubli{   	
width:200px;
float:left;
font-size:0.8em; 
font-family:verdana,arial,sans-serif;
font-weight:normal;
text-decoration:none;
color:#f89b0a; 
}
a.oubli:hover{text-decoration:underline} 

div#etapes-commande{
width:87%;
margin:15px 2px 20px 0;
border-top:1px dashed #85a9d3;
border-bottom:1px dashed #85a9d3
}
div#etapes-commande p.picto-on{ 
float:left;
margin:8px 8px 2px 0px;
padding:0px;   
color:#423d7e;
font-size:0.8em;
font-weight:bold;
}	
div#etapes-commande p.picto-off{	 
float:left;
margin:8px 8px 2px 0px;
padding:0px;   
color:#cccccc;
font-size:0.8em;
font-weight:bold;
}	
div#etapes-commande img{border:0px;float:left;margin:8px 6px 8px 4px}	 

p.alerte-identification {		
font-size:0.9em;
color:#f89b0a;
font-weight:bold;
text-align:center;
}
p.alerte-identification a { 
color:#f89b0a;
text-decoration:underline;
}
p.alerte-identification a:hover {text-decoration:none;}			 

p.alerte {	
margin:10px 0px 10px 0px;
font-size:0.8em;
color:firebrick;
font-weight:bold;
text-align:center;
} 
p.alerte a {	
color:firebrick;
text-decoration:underline;
}	
p.alerte a:hover {text-decoration:none;}			 
					  


/**************** 
Abonnements
******************/

div.couverture-abonnement {
float:left;
width:170px;
margin:20px 0px 0px 50px;
}		 
div.formulaire-abonnement {
float:left;
width:58%; 
margin:20px 0px 0px 50px;
}	
div.formulaire-abonnement p{ 
color:#093482;			   
font-weight:bold;
margin:0px 0px 25px 0px;
text-align:center;
}
div.box-abonnement {
border:1px solid #85a9d3;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:0px 5px 15px 5px;  
}  
div.box-abonnement p { 
text-align:left;
color:#898972;
margin:0px 0px 0px 25px; 
font-size:0.9em;
font-weight:normal;
}
div.box-abonnement p span{
font-weight:normal;
color:#85a9d3;
}	
div.box-abonnement p a{
color:#85a9d3;
font-size:0.9em;
text-decoration:none;	  
margin:0px 10px 0px 0px;
}
div.box-abonnement p a:hover{text-decoration:underline;}
div.box-abonnement select {color:#85a9d3;}
div.box-abonnement input {border:none;} 

/*******************************
Pages contacts
******************************/
div.box-compte p.contact,div.box-contact-magazine p.contact {
font-size:0.9em;
font-weight:normal;
color:#093482; 	
margin:0px 0px 0px 15px; 
}	
p.presentation-contact { 
margin-top:10px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
font-size:1em;
color:#093482; 
text-align:center;
font-weight:bold;
}    
textarea.contact{
margin:10px 0px 0px 0px;
}	
div.contact-pub { 
width:220px;
float:left;
margin:20px 0px 0px 40px;
}		
* html div.contact-pub {margin-left:20px;} 
div.contact-magazine {
float:left;
width:55%; 
margin:20px 0px 0px 50px;
}	
img.img-couv{background:#d4d3d3;padding:0px 2px 2px 0px;}
	 
h5.pub {background:#e6eaf2;color:#85a9d3;font-size:0.8em;padding-right:2px;}
div.contact-pub img{margin:0px 0px 20px 20px;}
div.box-float p.pub {
padding:0px;
margin:0px;
color:#093482;
font-size:0.8em;
}  
div.box-float p.pub strong{color:#85a9d3;}	
div.box-float p.pub a {color:#85a9d3;text-decoration:underline;font-weight:bold;}
div.box-float p.pub a:hover{text-decoration:none;} 
div.box-contact-magazine {
border:1px solid #85a9d3;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:0px 5px 15px 5px;  
} 							
div.box-contact-magazine blockquote{	  
margin:20px 0px 0px 35px;
color:#093482;
font-size:0.9em;
} 	

/***********************
Anciens numeros
**********************/
p.presentation-ancien-nums {
position:relative;	   
margin:20px 0px 20px 60px;
font-weight:bold;
color:#093482;
text-align:center;
}

ul.anciens-numeros { 
position:relative;
margin:05px 0px 0px 60px;
padding:0;
list-style-type: none; 
}		
	 
ul.anciens-numeros li { 
float:left;
width:150px; 	  
height:270px;
margin:0px 15px 10px 0px;	
}	 
ul.anciens-numeros li img {background:#d4d3d3;padding:0px 2px 2px 0px;}	 
ul.anciens-numeros li p{
padding:0px;
margin:2px;
font-size:0.9em;
font-weight:normal;
color:#85a9d3;	
text-align:center;
}
ul.anciens-numeros li p.prix{color:#595959;font-weight:normal;}
ul.anciens-numeros li p.prix input{border:none}	   		  
ul.anciens-numeros li p.hs{color:#f89b0a;}
ul.anciens-numeros li p a{
text-decoration:underline;
color:#85a9d3;
font-weight:bold;
}
ul.anciens-numeros li p a:hover{text-decoration:none;}

/**********************
Tableau ajout recette
**********************/
table#ajout_recette,table#recherche_recette {
width:95%;
margin:10px 0 0 15px;
padding:5px;
border:1px solid #85a9d3;
color:#868680;
font-weight:bold;
font-size:0.9em;
font-family:arial,verdana,sans-serif;
}
table#ajout_recette td,table#recherche_recette td{
padding:3px 0 3px 0;
vertical-align:top;
}
table#ajout_recette select,table#recherche_recette textarea{
color:dimgray;
font-family:arial,verdana,sans-serif; 
font-size:0.9em;
border:1px solid #85a9d3;
margin:0;
padding:0;
}
table#ajout_recette a{color:#487ebd;font-size:0.9em;text-decoration:underline;}
table#ajout_recette a:hover{text-decoration:none;}
table#ajout_recette span.alerte {
color:#f89b0a;font-weight:normal;
}
table#ajout_recette input.alerte {background:#f89b0a;}

/***************************
Tableau liste des recettes
**************************/
span.dotted {border-bottom:1px dotted #85a9d3;width:95%;margin:10px 0 0 15px;height:1px;display:block;}
span.dotted2 {border-bottom:1px dotted #85a9d3;margin:10px 0 10px 0;height:1px;display:block;}
table#liste_recettes {
width:95%;
margin:10px 0 0 15px;
}
table#liste_recettes caption {background:url(../design/fd_caption_recette.jpg) repeat-x;padding:11px 0 10px 5px;margin:5px 0 0 0;font-family:verdana,arial,sans-serif;color:#fff;text-transform:uppercase;font-weight:bold;text-align:left;}
table#liste_recettes thead{background:url(../design/fd_thead_recette.jpg) repeat-x;}
table#liste_recettes thead th {padding:6px 0 6px 5px;color:#315a9c;font-size:0.9em;}
table#liste_recettes thead th a{color:#000;font-size:0.9em;}
table#liste_recettes thead th img{margin-left:5px;}
table#liste_recettes td {background:#f3f6fb;border-bottom:1px dotted #85a9d3;color:#093482;padding:4px 0 4px 5px;font-size:0.9em;}
table#liste_recettes a{color:#f8a30a;text-decoration:underline;font-weight:bold;}
table#liste_recettes a:hover{text-decoration:none;}