/* commun
------------------------------------------------------------------------------*/
body
{
	color:#333;
	background-color:inherit;
	background-position:50% 0;
	background-repeat:repeat;
	font-family:"Trebuchet MS",sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	background-image:url(../images/bg/transparent.gif)
}
a
{
	text-decoration:underline;
	color:#333;
	background-color:inherit
}
a.roll																									/* rollover sur les liens */
{
	text-decoration:none
}
a.roll:hover
{
	text-decoration:underline
}
#centrer																									/* gabarits centres */
{
	width:920px;
	margin:0 auto
}
input.text,																								/* elements de formulaires */
textarea,
select
{
	border:1px solid #AAA;
	font-size:11px;
	font-weight:normal;
	font-family:"Trebuchet MS",sans-serif;
	padding:0 4px;
	background-color:#FFF!important;
	color:inherit
}
select
{
	padding-right:0
}
textarea
{
	overflow:auto
}
input.text
{
	line-height:16px
}
.radio
{
	float:left;
	display:inline;
	width:22px;
	height:16px;
	margin:0 2px
}
.radio input
{
	bottom:2px;
	position:relative
}
.intitule
{
	float:left;
	margin-right:5px
}
form p
{
	clear:both
}
form fieldset fieldset p
{
	clear:none
}
sup
{
	line-height:80%;
	font-size:80%;
	vertical-align:super
}
.pastille sup
{
	line-height:70%;
	font-size:70%
}
input.title
{
	color:#AAA;
	background-color:inherit
}
.exemple
{
	font-weight:normal
}
.submit
{
	vertical-align:text-bottom
}
.center																									/* pour centrer un texte */
{
	text-align:center
}
ol
{
	margin-left:30px;
	list-style-type:decimal
}
h2
{
	font-size:15px
}

/* tete
------------------------------------------------------------------------------*/
#tete
{
	width:100%;
	position:relative;
	z-index:2
}
#tete div.head
{
	float:left;
	position:relative
}
#tete div.head small
{
	line-height:24px;
	position:absolute;
	bottom:2px;
	right:10px;
	font-size:19px;
	color:#333;
	font-weight:normal;
	background-color:inherit
}
#tete div.head img
{
	display:block;
	float:left
}
#tete p img
{
	display:block
}
#tete li
{
	float:left
}
#tete ul
{
	margin-top:-10px;
	float:left;
	width:920px;
	border:1px solid #FFF;
	padding-bottom:2px;
	font-size:12px
}
#tete li span,
#tete li strong
{
	margin-top:-24px;
	float:left;
	display:block;
	padding:31px 18px 3px;
	background-repeat:no-repeat;
	background-position:0 100%;
	color:#333;
	white-space:nowrap;
	text-transform:uppercase;
	background-color:inherit
}
#tete li a
{
	display:block;
	float:left;
	background-color:inherit;
	color:#333
}
#tete li.first a
{
	margin-left:1px
}
#tete li strong
{
	display:inline;
	margin-left:3px;
	text-transform:capitalize
}
#tete li#onglet_panier
{
	position:relative
}
#tete li#onglet_panier strong
{
	position:relative;
	padding-left:98px
}
#tete #panier
{
	position:absolute;
	width:180px;
	right:-3px;
	top:26px;
	background-image:url(../images/bg/blanc_0.png);
	background-position:0 0;
	background-repeat:repeat;
	display:none;
	z-index:20;
	border-bottom:1px solid #AAA
}

.insideTiny
{
	margin-top:3px;
	padding:0;
	width:178px;
	color:inherit;
	background-color: #FFF;
	border:1px solid #FFFFFE;	
	font-family:"Trebuchet MS",sans-serif;
	line-height:16px;
}
#tete #panier .inside
{
	margin-top:3px;
	padding:0;
	width:178px;
	background-color:#FFF;
	color:inherit;
	border:1px solid #FFFFFE
}
#tete #panier dl
{
	margin:10px;
	margin-top: 30px !important;
	margin-top: 10px;
	padding-top:20px;
	background-image:url(../images/bg/pointilles.gif);
	background-position:0 0;
	background-repeat:repeat-x
}
#tete #panier .visuel img
{
	border:1px solid #AAA;
	display:block;
	float:left;
	margin-right:10px;
	width: 30px;
	height: 40px;
}
#tete #panier dl.first
{
	padding-top:0;
	background-image:none;
	margin-top: 10px !important;
	margin-top: 10px;
}
#tete #panier a
{
	clear:left;
	background-image:none;
	padding:10px 20px 5px
}
#tete #panier dt
{
	text-transform:uppercase
}
#tete #panier dl
{
	width:150px;
	position:relative
}
#tete #panier .prix
{
	position:absolute;
	right:0;
	top:50px;
	color:#686868;
	background-color:inherit
}
#tete #panier .first .prix
{
	top:30px
}
#tete li#onglet_panier:hover #panier,															/* affichage du panier sans js (sauf IE6) */
#tete li#onglet_panier.hover #panier
{
	display:block
}
#tete .inside
{
	float:left;
	padding:10px
}
#tete p a
{
	padding-left:16px;
	background-position:0 50%;
	background-repeat:no-repeat
}
#tete p
{
	float:left
}
.frm-recherche p
{
	float:none
}
.frm-recherche
{
	float:none;
	margin:10px 0 12px 5px;
}
.frm-recherche input.text
{
	width:135px
}
#tete .partenaire {
margin:0; padding:0; position:relative; top:-12px; left:0;
}
/* hacks ie7
------------------------------------------------------------------------------*/
*:first-child+html #corps .colonne.centre h2.titre
{
	padding:4px 0 14px
}
*:first-child+html #commander .colonne.centre fieldset legend,
*:first-child+html #abonnements .colonne.centre fieldset legend
{
	margin-left:-7px
}
*:first-child+html #cadeaux .colonne.centre h2.titre
{
	padding:4px 10px 12px
}
*:first-child+html #cadeaux .colonne.centre .first h2.titre
{
	padding:8px 10px 10px
}
*:first-child+html #fiche #corps .colonne.centre .grand
{
	left:10px
}
*:first-child+html #fiche #corps .colonne.centre .grand dd
{
	float:none
}
/* hacks ie6
------------------------------------------------------------------------------*/
* html #tete li#onglet_panier strong
{
	padding-left:96px
}
* html #tete li#onglet_panier strong
{
	background-image:none
}
* html #corps .colonne.centre .bordure
{
	background-image:none;
	float:left;
	width:504px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ui/default/images/bg/bordure.png",sizingMethod="scale")
}
* html #accueil #offre h2
{
	background-image:none
}
* html #corps .magazine .pastille
{
	background-image:none
}
* html #corps .colonne.centre h2.titre
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ui/default/images/bg/titre.png",sizingMethod="scale");
	zoom:1
}
* html #corps .colonne.droite h2.titre
{
	background-image:none;
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ui/default/images/bg/titre_droite.png",sizingMethod="scale")
}
* html #corps .inside
{
	zoom:1
}
* html a.bouton
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ui/default/images/bg/blanc_70.png",sizingMethod="scale")
}
* html a.bouton:hover
{
	background-image:none
}
* html #corps .colonne.droite #l_actualite_chez_vous .inside
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ui/default/images/bg/blanc_70.png",sizingMethod="scale")
}
* html #corps .colonne.droite #l_actualite_chez_vous .inside2
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ui/default/images/bg/blanc_70.png",sizingMethod="scale")
}
* html #commander .colonne.centre fieldset fieldset legend,
* html #abonnements .colonne.centre fieldset fieldset legend
{
	margin-left:-7px	
}
/*
* html #abonnements select.grand
{
	width:351px
}
* html #abonnements select#cadeau_intention
{
	width:318px
}
*/
* html #commander .colonne.centre fieldset legend,
* html #abonnements .colonne.centre fieldset legend
{
	margin-left:-14px
}
/* accueil
------------------------------------------------------------------------------*/
#accueil #onglet_accueil a																			/* activation de l'onglet */
{
	color:#F26023;
	background-color:inherit
}
#accueil #offre p img
{
	display:block
}
#accueil #offre h3 img
{
	vertical-align:middle
}
#accueil #offre h2
{
	margin-top:-24px;
	background-position:0 0;
	background-repeat:no-repeat;
	width:261px;
	padding:6px 0
}
#accueil #offre .inside
{
	height:122px;
	background-position:100% 100%;
	background-repeat:repeat-x
}
#accueil #offre .inside div
{
	display:inline;
	margin-top:10px;
	float:left;
	width:152px;
	margin-left:8px;
	border-left:1px dotted #AAA
}
#accueil #offre div h3
{
	font-size:15px;
	margin-top:10px;
	margin-bottom:2px
}
#accueil #offre div h3,
#accueil #offre div p
{
	margin-left:8px
}
#accueil #offre div.first
{
	margin-left:16px;
	width:165px;
	border-left:none
}
#accueil #offre div.first p,
#accueil #offre div.first h3
{
	margin-right:0
}
#accueil #offre .bouton
{
	position:relative;
	float:right;
	margin-right:5px;
	margin-top:5px
}
/* corps
------------------------------------------------------------------------------*/
#corps
{
	clear:both
}
#corps .colonne {
	float:left;
	margin:0px 10px; 
	width:540px
}
#corps .colonne.gauche,
#corps .colonne.droite
{
	width:180px;
	margin:0
}
#corps .colonne.gauche a:hover,
#corps .colonne.gauche strong a
{
	color:#F26023;
	background-color:inherit
}
#corps .colonne.gauche h2,
#corps .colonne.droite h2
{
	margin:-1px -1px 0
}
#corps .colonne.gauche h2 img,
#corps .colonne.droite h2 img
{
	display:block
}
#corps .colonne.gauche .bloc
{
	border:1px solid #AAA;
	margin-bottom:10px
}
#corps .colonne.droite .bloc .inside
{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin-bottom:10px
}
#corps .colonne.droite .bloc.gris .inside
{
	border-color:#AAA
}
#corps .colonne.droite #abonnements_cadeaux .inside
{
	background-color:transparent;
	color:inherit;
	padding-top:0;
	position:relative
}
#corps .colonne.droite #abonnements_cadeaux p
{
	position:absolute;
	top:146px;
	left:2px;
	z-index:0
}
#corps .colonne.droite #abonnements_cadeaux .flash p
{
	position:static
}
#corps .colonne.droite #l_actualite_chez_vous .inside
{
	background-color:transparent;
	color:inherit;
	background-image:url(../images/bg/blanc_70.png);
	background-repeat:repeat;
	background-position:0 0
}
#corps .colonne.droite #l_actualite_chez_vous p
{
	margin:0 10px 10px
}
#corps .colonne.droite #l_actualite_chez_vous input.text
{
	position:relative;
	width:120px
}
#corps .colonne.droite #le_choix_des_abonnes ol
{
	margin-bottom:10px
}
#corps .colonne.droite #les_engagements .inside
{
	padding:10px
}
#corps .colonne.droite #les_engagements li
{
	text-transform:uppercase;
	font-size:15px;
	margin-bottom:5px
}
#corps .colonne.droite #les_engagements li img
{
	vertical-align:text-top
}
#corps .colonne.droite #les_engagements p
{
	text-align:right
}
#corps .colonne.droite #les_engagements a
{
	padding-left:10px;
	background-image:url(../images/bg/fleche.gif);
	background-position:0 50%;
	background-repeat:no-repeat
}
#corps .colonne.centre .bloc
{
	clear:both;
	margin-bottom:5px
}
#corps .colonne.centre h1
{
	text-transform:uppercase
}
#corps .colonne.centre h2.titre
{
	background-image:url(../images/bg/titre.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	padding:8px 20px 10px;
}
#corps .colonne.centre h2.titre a
{
	position:relative;
	float:right;
	font-size:11px;
	text-transform:none;
	padding-left:16px;
	background-image:url(../images/bg/fleche.gif);
	background-position:0 50%;
	background-repeat:no-repeat
}
#corps .colonne.centre .inside h2.tete
{
	padding:25px 15px 15px;
	font-size:25px;
	background-image:url(../images/bg/titre.jpg);
	background-repeat:repeat-x;
	background-position:0 100%
}
#corps .colonne.centre .inside h2.titre_cat
{
	padding:25px 15px 15px;
	font-size:23px;
	background-image:url(../images/bg/titre.jpg);
	background-repeat:repeat-x;
	background-position:0 100%
}
#corps .colonne.centre .inside #filCommande h2
{
	text-transform:none;
	padding:8px 20px 10px;
	font-size:14px;
	background-image:url(../images/bg/titre.jpg);
	background-repeat:repeat-x;
	background-position:0 100%;
	color:#AAAAAA;
}
#corps .colonne.centre .inside #filCommande h2 strong{
	color:#DE073E;
}
#corps .colonne.centre .inside h2 small
{
	display:block;
	text-transform:none;
	font-size:16px;
	margin-top:6px;
	color:#333;
	background-color:transparent
}
#corps .colonne.centre .inside #alphabet
{
	text-align:center;
}
#corps .colonne.centre .contenu
{
	font-weight:inherit;
	text-align:justify;
	padding:16px;
	margin:inherit;
	width:472px;
}
#corps .colonne.centre .contenu blockquote
{
	font-weight:inherit;
	text-align:justify;
	padding:0pt;
	margin-left:20px;
}
#corps .colonne.centre .contenu .orange_clair
{
	color: #ff9900;
}
#corps .colonne.centre .contenu p
{
	font-weight:normal;
}
#corps .colonne.centre .contenu ol,
#corps .colonne.centre .contenu ul
{
	list-style:none;
	list-style-type:disc;
	padding:inherit;
	margin-left:16px;
	font-weight:normal;
}
#corps .colonne.centre .contenu li
{
	margin:4px;	
}
#corps .colonne.droite h2.titre
{
	position:relative;
	background-image:url(../images/bg/titre_droite.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	padding:6px 0 14px
}

#l_actualite_chez_vous { margin-top:12px;}

#corps .colonne div.inside.titre
{
	margin-top:-10px;
	padding-top:15px
}

#corps .inside
{
	background-color:#FFF;
	color:inherit
}
#corps #notre_catalogue .inside
{
	padding:0 10px 10px
}
#corps #notre_catalogue li
{
	background-image:url(../images/bg/fleche.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:12px
}
#corps #paiement .inside
{
	padding:10px
}
#corps #paiement img
{
	display:block
}
#corps .colonne.centre .bordure
{
	float:left;
	background-image:url(../images/bg/bordure.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	padding:8px 8px 7px;
	margin:11px 0 0 0;
	border-bottom:1px solid #FFF
}

#abonnements_cadeaux {margin-top:11px;}

#corps .magazine
{
	display:inline;
	float:left;
	margin-top:10px;
	margin-left:17px;
	padding:4px 15px;
	background-image:url(../images/bg/magazine.jpg);
	background-position:0 58px;
	background-repeat:no-repeat;
	position:relative;
	/*width: 118px;*/
}
#corps .magazine dd.panier{margin-top:10px;}
#corps .magazine dd.informations {margin-top:14px;}


#corps #page-cadeaux .magazine { padding:18px;}
#corps #page-cadeaux .magazine dd.panier{margin-top:0px;}
#corps #page-cadeaux .magazine dd.informations {margin-top:0px;}



#corps .magazine img
{
	display:block
}
#corps .magazine .pastille
{
	position:absolute;
	right:-10px;
	top:-10px;
	width:85px;
	height:85px;
	background-position:0 0;
	background-repeat:no-repeat
}
#corps .magazine .pastille strong
{
	display:block;
	margin-top:20px;
	font-size:14px
}
#corps .magazine dt img
{
	margin-bottom:4px;
	display: block;
	height: 143px;
	overflow: hidden;
}
#corps .magazine .panier
{
	float:left;
	display:inline;
	margin:0 6px;
}
#corps .magazine .center
{
	margin-top:7px;
	margin-left:-5px;
}
#corps .magazine .center a
{
	display:block;
	text-transform:uppercase;
	clear: both;
}
#corps .magazine .prix p
{
	border:1px solid #686868;
	color:#686868;
	background-color:inherit;
	margin-bottom:5px;
	width:190px;
	padding:0 5px;
	text-align:right;
}
#corps .magazine .prix p span
{
	float:left;
	width:140px;
	text-align:left;
}
#corps #arianne
{
	position:relative;
	background-image:url(../images/bg/ariane.jpg);
	background-position:50% 100%;
	background-repeat:no-repeat;
	padding:2px 0 8px;
}
#corps #arianne li
{
	display:inline;
	
}
#corps #arianne li.first a
{
	padding-left:10px;
	background-image:none
}
#corps #arianne a,
#corps #arianne strong
{
	padding-left:20px;
	background-image:url(../images/bg/fleche_double.gif);
	background-position:4px 50%;
	background-repeat:no-repeat;
	color:#AAA;
	background-color:inherit
}
#corps #arianne strong
{
	color:#686868;
	background-color:inherit
}
#corps #bordure_corps
{
	/*
	background-image:url(../images/bg/des_idees_cadeaux.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
	*/
	width:504px
}
#corps .colonne.centre .bloc.bordure .sous_categorie
{
	width:95%;
	margin:10px
}
/* pied
------------------------------------------------------------------------------*/
#pied
{
	padding-top:90px;
	padding-bottom:30px;
	background-image:url(../images/bg/separation.jpg);
	background-position:50% 75px;
	background-repeat:no-repeat;
	background-color:#FFF;
	color:#686868;
	clear:both;
	font-weight:normal
}
#pied li
{
	display:inline;
	border-left:1px solid #686868;
	padding-left:6px;
	margin-left:6px;
	white-space:nowrap
}
#pied li.first
{
	margin-left:0;
	padding-left:0;
	border-left:none
}
#pied a
{
	color:#686868;
	background-color:inherit
}
#pied ul
{
	padding-bottom:10px
}
/* fiche
------------------------------------------------------------------------------*/
#fiche #corps .colonne.centre p,
#fiche #corps .colonne.centre .prix,
#fiche #corps .colonne.centre .conditions
{
	font-weight:normal
}
#fiche #corps .colonne.centre .prix p
{
	font-weight:bold
}

#fiche #corps .colonne.centre .bloc.bordure .inside h1 {

font-size:24px;
margin:0px 0 0 15px;
padding-top:20px;

}

#fiche #corps .colonne.centre h2
{
	padding:5px 15px 10px;
	font-size:25px;
	background-image:url(../images/bg/titre.jpg);
	background-repeat:repeat-x;
	background-position:0 100%
}
#fiche #corps .colonne.centre h2 small
{
	display:block;
	text-transform:none;
	font-size:16px;
	margin-top:6px;
	color:#333;
	background-color:transparent
}
#fiche #corps .colonne.centre h4
{
	text-transform:uppercase;
	font-size:13px;
	margin:20px 5px 5px;
	background-image:url(../images/bg/pointilles.gif);
	background-position:0 50%;
	background-repeat:repeat-x
}
#fiche #corps .colonne.centre h4 span
{
	background-color:#FFF;
	color:inherit;
	padding:0 10px
}
#fiche #corps .colonne.centre .grand
{
	background-image:url(../images/bg/grand_magazine.jpg);
	background-position:14px 105px;
	padding:10px
}
#fiche #corps .colonne.centre .grand dt img
{
	margin-left:12px;
	margin-top:10px
}
#fiche #corps .colonne.centre .grand dt
{
}
#fiche #corps .colonne.centre .grand dd
{
	width:240px;
	float:left;
}
#fiche #corps .colonne.centre .grand .pastille
{
	top:-100px;
	right:10px;
	width:105px;
	height:105px;
	font-size:13px;
	color:#333;
	background-color:transparent;
	margin-top:8px;
}
#fiche #corps .colonne.centre .grand .pastille strong
{
	margin:25px 0 5px;
	font-size:17px
}
#fiche #corps .colonne.centre .grand
{
	margin-left:10px;
	color:#333;
	background-color:inherit
}
#fiche #corps .colonne.centre .grand dd.type
{
	margin-top:8px;
	margin-bottom:8px
}
#fiche #corps .colonne.centre .grand dd.type span
{
	display:block;
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:10px
}
#fiche #corps .colonne.centre .grand dd.conditions
{
	margin-top:15px;
	font-size:10px;
	clear:left;
	width:100%;
	float:left;
}
#fiche #corps .colonne.centre .inside
{
	width:520px
}
#fiche #corps .colonne.centre .grand.magazine dd.actions
{
	clear:left;
	width:100%;
	padding:20px 0 10px;
	float:left;

}
#fiche #corps .colonne.centre .grand.magazine dd.actions li
{
	float:left
}
#fiche #corps .colonne.centre .grand.magazine dd.actions a
{
	display:block;
	float:left;
	padding:0 10px;
	background-image:url(../images/bg/fleche.gif);
	background-position:0 50%;
	background-repeat:no-repeat
}
#fiche #corps .colonne.centre .grand.magazine dd.actions a.bouton
{
	background-image:none;
	margin-top:-10px;
	padding:0
}
/* commander / abonnements
------------------------------------------------------------------------------*/
#commander #corps .colonne.centre .inside,
#abonnements #corps .colonne.centre .inside
{
	width:504px
}
#commander #recap caption																			/* quelques soucis sous Opera et Safari :( */
{
	padding:6px 10px 7px;
	background-position:0 0;
	background-repeat:no-repeat;
	caption-side:top;
	font-size:18px;
	font-weight:bold;
	margin:10px 20px 0;
	text-align:left
}
#commander #recap
{
	background-image:url(../images/bg/recap.gif);
	background-position:0 100%;
	background-repeat:repeat-y;
	width:464px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	margin:0 20px 10px;
	text-align:center
}
#commander #recap thead th
{
	color:#FFF;
	background-color:inherit;
	text-transform:uppercase;
}
#commander #recap td,
#commander #recap th
{
	padding:1px 3px
}
#commander #recap tfoot
{
	text-align:right
}
#commander #recap .odd																				/* zebra tableau */
{
	background-color:#DDD;
	color:inherit
}
#commander #recap .odd .first
{
	background-position:0 0;
	background-repeat:repeat-y
}
#commander #recap tfoot td
{
	padding:8px
}
#commander #recap .cadeau
{
	padding-left:15px;
	background-image:url(../images/bg/cadeau.gif);
	background-position:0 50%;
	background-repeat:no-repeat
}
#commander .colonne.centre form p small,
#abonnements .colonne.centre form p small
{
	display:block;
	font-weight:normal;
	float:left;
	width:440px;
	color:#333;
	font-size:10px;
	background-color:inherit
}
#commander .colonne.centre form .obligatoire small,
#abonnements .colonne.centre form .obligatoire small
{
	float:none;
	font-weight:normal;
	width:auto;
	margin-right:20px;
	display:block;
	text-align:right;
	font-style:italic;
	color:#686868;
	background-color:inherit
}
#commander .colonne.centre fieldset legend,
#abonnements .colonne.centre fieldset legend
{
	background-color:#F7F7F7;
	background-repeat:no-repeat;
	background-position:20px 8px;
	color:inherit;
	margin-bottom:5px
}
#commander .colonne.centre fieldset fieldset,
#abonnements .colonne.centre fieldset fieldset
{
	margin-left:20px;
	height:20px;
	overflow:hidden
}
#commander .colonne.centre fieldset fieldset label,
#abonnements .colonne.centre fieldset fieldset label
{
	font-weight:normal
}
#commander .colonne.centre fieldset fieldset legend,
#abonnements .colonne.centre fieldset fieldset legend
{
	background-color:transparent;
	background-image:none;
	color:inherit;
	margin:0
}
#commander .colonne.centre fieldset fieldset p,
#abonnements .colonne.centre fieldset fieldset p
{
	float:left;
	position:relative;
	left:80px;
	top:-16px
}
#commander .colonne.centre legend span,
#abonnements .colonne.centre legend span
{
	margin-left:46px;
	display:block;
	width:458px;
	white-space:nowrap;
	font-size:17px;
	padding:8px 0
}
#commander .colonne.centre .inside,
#abonnements .colonne.centre .inside
{
	position:relative
}
#commander .colonne.centre .intitule,
#abonnements .colonne.centre .intitule
{
	width:80px
}
#commander .colonne.centre form p,
#abonnements .colonne.centre form p
{
	margin-bottom:5px
}
#commander .colonne.centre form input.text,
#abonnements .colonne.centre form input.text
{
	width:170px;
	margin-right:5px
}
#commander .colonne.centre form input.mini,
#abonnements .colonne.centre form input.mini
{
	width:100px
}
#commander .colonne.centre form input.grand,
#abonnements .colonne.centre form input.grand
{
	width:370px
}
#commander .colonne.centre p,
#abonnements .colonne.centre p
{
	margin-left:20px
}
#commander .colonne.centre fieldset fieldset p,
#abonnements .colonne.centre fieldset fieldset p
{
	margin-left:0
}
#commander .colonne.centre fieldset.first,
#abonnements .colonne.centre fieldset
{
	margin-bottom:15px;
	padding-bottom:15px;
	background-image:url(../images/bg/form.jpg);
	background-position:0 100%;
	background-repeat:repeat-x
}
#commander .colonne.centre fieldset fieldset,
#abonnements .colonne.centre fieldset fieldset
{
	margin-bottom:0;
	padding-bottom:0;
	background-image:none
}
#commander .colonne.centre em,
#abonnements .colonne.centre em
{
	display:block;
	font-style:normal;
	margin:20px 0 10px
}
#commander .colonne.centre textarea,
#abonnements .colonne.centre textarea
{
	display:block;
	height:60px;
	width:455px
}
#commander .colonne.centre .submit,
#abonnements .colonne.centre .submit
{
	margin-right:20px;
	text-align:right
}
/* cadeaux
------------------------------------------------------------------------------*/
#cadeaux #abonnements_cadeaux																		/* on cache le bloc sur la page coresspondante */
{
	display:none
}
#cadeaux #idees_cadeaux
{
	background-image:url(../images/bg/des_idees_cadeaux.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
	width:504px
}
#cadeaux #idees_cadeaux h2
{
	font-size:25px;
	padding:30px 50px 10px;
	background-image:url(../images/bg/cadeau_reflet.gif);
	background-position:20px 25px;
	background-repeat:no-repeat
}
#cadeaux #idees_cadeaux ul span
{
	text-transform:uppercase
}
#cadeaux #idees_cadeaux li
{
	float:left;
	background-image:url(../images/bg/pointilles_bis.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	padding-left:8px;
	margin-right:8px
}
#cadeaux #idees_cadeaux li.first
{
	background-image:none;
	padding-left:0
}
#cadeaux #idees_cadeaux ul
{
	width:260px;
	margin-left:52px;
	margin-bottom:42px
}
#cadeaux #corps .colonne.centre .inside p
{
	padding:10px 20px 0;
	font-weight:normal
}
#cadeaux #corps .magazine
{
	width:190px
}
#cadeaux #corps .magazine .pastille
{
	top:22px;
	text-align:center!important
}
#cadeaux #corps .magazine dd.center
{
	text-align:left;
	position:absolute;
	bottom:15px;
	left:145px;
}
#cadeaux #corps .magazine dt
{
	position:absolute;
	top:20px;
	left:145px;
	width:100px;
	font-size:13px;
	text-transform:uppercase
}
#cadeaux #corps .magazine dt.visuel
{
	position:static
}
#cadeaux #corps .magazine dt small
{
	display:block;
	font-size:11px;
	color:#333;
	background-color:inherit;
	text-transform:none
}
/* abonnements
------------------------------------------------------------------------------*/
#abonnements .colonne.centre form .exemple a
{
	padding-left:15px;
	background-image:url(../images/bg/fleche.gif);
	background-position:5px 50%;
	background-repeat:no-repeat
}
#abonnements .colonne.centre .bloc
{
	float:left;
	padding-top:10px
}
#abonnements .colonne.centre fieldset
{
	width:504px
}
#abonnements .colonne.centre fieldset fieldset
{
	width:auto
}
/*
#abonnements select
{
	width:279px
}
#abonnements #calendar_div select
{
	width:auto
}
#abonnements select.grand
{
	width:351px
}
#abonnements select#cadeau_intention
{
	width:318px
}
*/
#abonnements select.grand
{
	width:460px
}

.erreurFormulaire {
  	text-align: left;
  	width: 220px;
  	
  	color: #F97713;
  }

.erreur{
  	text-align: left;
  	width: 400px;	
  	color: #F97713;
}
.plusOneBouton{display: block;float: right;width: 100%;}