@CHARSET "ISO-8859-1";

@font-face {
    font-family : 'CoconBold';
    src: url('font/CoconOT-Bold.ttf') format('truetype');
    /*src: url('font/CoconOT-Bold.otf') format('opentype');*/
}
.cocon { font-family: "CoconBold", arial, sans-serif; }

p,h1,h2,h3,h4,h5,h6,div,table,tr,td,ul,ol,li,dt,dl,dd,img,form {
    margin: 0;
    padding: 0;
}

img { border: 0; }

html {
    overflow-x: auto;
    /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
    padding: 0 0 27px 0;
    margin: 0;
    background: #fff;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    font-size: 12px;
    text-align: center;
}

.lineBreaker,
.floatBlock,
.container,
.elementList,
.elementList li {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    overflow: hidden;

}

.floatBlock {
    float: left;
    clear: none;
    width: auto;
    /*margin-right: 25px;*/
}

.floatRight { float: right; }
.elementList { list-style-type: none; }

.lineBreaker {
    margin: 0;
    padding: 0;
    height: 0;
    font-size: 1px;
}


/*  Définition des types de paragraphes */

.darker,
.classic {
    display: block;
    width: 100%;
    clear: both;
    overflow: hidden;
    color: #666666;
    font-weight: normal;
    font-size: 1em;
    line-height: 120%;
    text-align : left;
    padding: 0 0 8px 0;
    margin: 0;
}

.darkerColor,
.darker { color: #510202; }


.annoncePromo {
    font-size: 1.1em;
    padding: 20px 0;
}

.darker a,
.classic a {
    font-size: 1em;
    text-decoration: underline;
    color: #510202;
}

.important { font-weight: bold; }



/*  Définition des titres */
.pageTitle,
.zoneTitle,
.pageTitle a,
.zoneTitle a {
    color: #510202;
    font-size: 1.8em;
    margin-bottom: 8px;
}

.pageTitle span {
    color: #DD85B5;
}

.pageTitle { padding-bottom: 6px; }

.smallerProductTitle,
.smallerProductTitle a,
.smallProductTitle,
.smallProductTitle a,
.productTitle,
.productTitle a {
    font-family: arial, verdana, sans-serif;
    color: #510202;
    font-size: 1.5em;
    font-weight: bold;
}

.smallProductTitle,
.smallProductTitle a { font-size: 1.2em; line-height: 100%; }

.smallerProductTitle,
.smallerProductTitle a { font-size: 1em; line-height: 120%; }

.zoneBigTitle, .zoneBigTitle a { color: #DD85B5; font-size: 2.6em; }
.zoneTitle, .zoneTitle a { color: #DD85B5; font-size: 1.5em; }
.zoneSubTitle, .zoneSubTitle a { color: #DD85B5; font-size: 1.2em; }
.smallTitle, .smallTitle a { color: #DD85B5; font-size: 1em; }

.zoneTitle strong { font-size: 1.2em; }


.smallProductTitle a,
.smallTitle a,
.zoneBigTitle a,
.zoneSubTitle a,
.zoneTitle a,
.pageTitle a,
.productTitle a { font-size: 1em; text-decoration: none; }


.smallProductTitle a:hover,
.smallTitle a:hover,
.zoneSubTitle a:hover,
.zoneBigTitle a:hover,
.zoneTitle a:hover,
.pageTitle a:hover,
.productTitle a:hover { text-decoration: underline; }



.downloads {
    display: block;
    padding: 0;
}

.downloads a {
    display: block;
    padding: 4px 0 0 13px;
    color: #510202;
    font-size: .9em;
    text-decoration: none;
    background: url(../img/pinkArrowOnLight.gif) 0 7px no-repeat;
}

.downloads a:hover {
    text-decoration: underline;
}



.partage-site {
    display: block;
    padding: 3px 0 0 13px;
    background: url(../img/pinkArrowOnLight.gif) 0 10px no-repeat;
    overflow: hidden;
}

.partage-site span {
    float: left;
    width: auto;
    clear: none;
    padding: 4px 4px 0 0;
    color: #510202;
    font-size: .9em;
    text-decoration: none;
}

.partage-site a {
    float: left;
    width: auto;
    clear: none;
    padding: 0;
}

.partage-site img {
    float: left;
    width: auto;
    clear: none;
}


p.liste-liens {
    padding: 8px 0;
}

p.liste-liens a {
    display: block;
    clear: both;
    padding-bottom: 4px;
}


/*  Structure principale
------------------------------------------------- */


/* contient tout */
#whole {
    position : relative;
    width : 970px;
    margin : 0 auto 10px auto;
    padding: 0 0 0 10px;
    text-align : left;
}

* html #whole {
    width : 997px;
}

/* header, page, footer
   la page est la zone centrale */
#page {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}


/* contient les colonnes du contenu */
#container {
    padding: 20px 0 10px 0;
}

/* colonne de gauche */
#content {
    width: 655px;
    clear: none;
    padding: 0;
    margin: 0;
}

#content.bigCol {
    width: 776px;
}


/* colone de droite */
#rightCol {
    float: right;
    clear: none;
    width: 305px;
    padding: 0;
    margin: 0;
}

#rightCol.smallRightCol {
    width: 180px;
}



/*  Visuel du bandeau (logo)
------------------------------------------------- */

#header {
    float: left;
    clear: both;
    position: relative;
    z-index: 10;
    overflow: visible;
    padding: 100px 0 10px 0;
    background: url(../img/liliLogo.gif) 38px 20px no-repeat;
}

#header h1 {
    width: 90%;
    color: #510202;
    font-size: 4.6em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#header h1 a {
    font-size: 1em;
    color: #510202;
    text-decoration: none;
}

#header h1 strong {
    color: #DD85B5;
    font-size: 1em;
}

#header p {
    width: 90%;
    color: #510202;
    font-size: 1em;
    padding: 0 0 0 .4em;
    margin: 0;
}


#lienPresentationLili {
    display: block;
    clear: both;
    position: absolute;
    top: 20px;
    right: 10px;
    width: 218px;
    height: 52px;
    background: url(../img/video_presentation_lilibric.jpg) 0 0 no-repeat;
}


#partenairePub {
    display: block;
    clear: both;
    position: absolute;
    top: 20px;
    right: 10px;
}

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

#footer {
	/*background: #510202;*/
    background: #3B0D0E;
    padding: 9px;
}

#footer ul {
    list-style-type: none;
    padding: 0;
    margin-top: 5px;
}

#footer li {
    float: left;
    clear: none;
    width: 190px;
    padding: 0;
    margin: 0;
}

#footer h2 {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    font-size: .9em;
}

#footer div a,
#footer h2 a {
    color: #fff;
    text-decoration: none;
    font-size: 1em;
}

#footer h2 a.active {
    display: none;
}

#footer div a:hover,
#footer h2 a:hover {
    text-decoration: underline;
}

#footer div {
    display: block;
    float: none;
    clear: both;
    width: 100%;
}

#footer div ul {
    padding: 0 0 16px 0;
}

#footer div li {
    float: none;
    clear: both;
    width: 100%;
    background: url(../img/pinkArrow.gif) 0 6px no-repeat;
    padding: 3px 0 0 9px;
    font-size: .8em;
}

#footer div a {
}


/*  Menus principaux et sous menus
------------------------------------------------- */


#headerSearch {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: auto;
}

#headerSearch .textInput {
    float: left;
    width: 134px;
    background: url(../img/searchFieldBg.gif) 0 0 no-repeat;
}

#headerSearch form {
    padding: 0;
    margin: 0;
}


#headerSearch input {
    float: left;
    clear: none;
    width: 115px;
    background: transparent;
    border: none;
    padding: 3px 0 0 20px;
    font-size: .8em;
    height: 15px;
}

#headerSearch p {
    float: left;
    clear: none;
    width: auto;
}

#headerSearch p span,
#headerSearch p a {
    float: left;
    clear: none;
    width: auto;
    font-size: .8em;
    color: #510202;
    text-decoration: none;
}

#headerSearch p a:hover {
    text-decoration: underline;
}

#headerSearch p span {
    padding: 0 8px;
}

#menu {
    float: left;
    position: absolute;
    overflow: visible;
    z-index: 10;
    bottom: 2px;
    right: 0;
    width: 716px;
}

#menu ul {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#menu li {
    float: left;
    clear: none;
    width: auto;
    padding: 0 0 0 5px;
    margin: 0;
}

#menu h2 {
    font-size: 1.5em;
}

#menu h2 a {
    float: left;
    font-size: 1em;
    color: #510202;
    padding: 8px 11px 6px 11px;
    text-decoration: none;
}

#menu h2 a.active {
    color: #DD85B5;
    display: none;
}

#menu li div {
    display: none;
}

/* Menu sélectionné */
#menu li.actif h2,
#menu li.actif h2 a {
    color: #DD85B5;
}


/*  Affichage du sous menu  */
#menu li.sousmenu {
    position: relative;
}

#menu li.sousmenu h2 {
    float: left;
    background: #510202 url(../img/menuLeft.gif) 0 0 no-repeat;
}

#menu li.sousmenu h2 a {
    float: left;
    display: none;
    color: #DD85B5;
    color: #fff !important;
    padding: 8px 11px 6px 11px;
    background: url(../img/menuRight.gif) top right no-repeat;
}

#menu li.sousmenu h2 a.active {
    display: block;
}

#menu li.sousmenu div {
    position: absolute;
    top: 30px;
    left: 5px;
    display: block;
    width: 219px;
    padding: 0 0 10px 0;
    background: url(../img/sousmenuBas.gif) bottom left no-repeat;
}

#menu li.reverseMenu div {
    top: 30px;
    left: auto;
    right: 0px;
}

#menu li div ul {
    float: left;
    clear: both;
    width: 219px;
    background: #510202 url(../img/sousmenuHaut.gif) top right no-repeat;
    padding: 20px 0 0 0;
    margin: 0;
    list-style-type: 0;
}

#menu li.reverseMenu div ul {
    background: #510202 url(../img/sousmenuHautReverse.gif) top left no-repeat;
}

#menu li div li {
    float: left;
    width: 48%;
    padding: 0;
    margin: 0;
}

#menu li div li a {
    display: block;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    padding: 0 0 8px 24px;
    background: url(../img/pinkArrow.gif) 12px 3px no-repeat;
}

#menu li div li a:hover {
    text-decoration: underline;
}


/*  Page et structure
------------------------------------------------- */

#breadcrumb {
    display: block;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 4px solid #510202;
}

#breadcrumb ul {
    padding: 4px 0 0 0;
}

#breadcrumb li {
    display: inline;
    color: #000;
    font-size: .8em;
    letter-spacing: -.002em;
}

#breadcrumb a {
    font-size: 1em;
    color: #000;
    text-decoration: none;
    letter-spacing: -.002em;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb span {
    font-size: 1em;
    color: #000;
}

#breadcrumb li.current,
#breadcrumb li.current a {
    color: #999;
}



/*  visuel des contenus
------------------------------------------------- */


/* Promo produit et agenda des cours */
.simpleBox,
.planningBox,
.productBox {
    width: 296px;
    border: 1px solid #DCCCCC;
    padding: 0 0 0 12px;
}

.productBox {
    position: relative;
    overflow: hidden;
}

* html .productBox {
    width: 308px;
}

#rightCol .productBox {
    width: 290px;
    margin: 16px 0;
}

.editoBox {
    padding: 16px;
}

.editoBox p.classic a {
    text-decoration: none;
}

.editoBox p.classic a:hover {
    text-decoration: underline;
}

.smallProductBox {

}



.photoProduit,
.contenuProduit {
    float: left;
    clear: none;
    width: 140px;
    padding: 10px 0 0 0;
}

.contenuProduit {
    position: relative;
    top: 0;
    left: 0;
}

.contenuProduit h3 {
    display: block;
    clear: both;
    float: none;
    height: 43px;
}

* html contenuProduit h3 {
    height: 43px;
}

.productBox h2 {
    padding-bottom: 0;
    margin: 0;
}

.productBox h3 {
    float: left;
    clear: both;
    font-size: 1.1em;
    padding: 4px 0 7px 0;
}

.productBox h3 a {
    font-size: 1.1em;
    color: #510202;
    text-decoration: none;
}

.productBox h3 a:hover { text-decoration: underline; }

.productBox p {
    float: left;
    clear: none;
    width: auto;
}

/*
.contenuProduit p.prix {
    display: block;
    clear: both;
    float: none;
}*/

.prixSansRemise {
    display: block;
    clear: both;
    color: #510202;
    text-decoration: line-through;
    font-size: 1em;
}

.prixNormal,
.prixPromo {
    color: #DB3900;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 14px;
    line-height: 140%;
}

.prixNormal {
    float: left;
    color: #DD85B5;
}


.remise,
.productBox p.remise {
    float: right;
    width: 52px;
    height: 40px;
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    background: url(../img/remiseBg.gif) 0 0 no-repeat;
}

.remise span {
    font-size: .7em;
    height: 40px;
    line-height: 30px;
    vertical-align: top;
    margin: -5px 0 0 0;
    padding: 0;
}

.produitActions {
    background: url(../img/pictoCart.gif) 0 4px no-repeat;
    padding: 9px 0 11px 29px;
}

.photoProduit {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 8px 0 0 0;
    margin: 0;
}

.photoProduit img {
    padding: 10px 0 0 0;
    margin: 0;
}

h3.bigZoneSubTitle a,
h3.bigZoneSubTitle {
    width: 149px;
    color: #510202;
    font-size: 1.3em;
    padding: 9px 0;
}

h3.bigZoneSubTitle a {
    font-size: 1em;
    text-decoration: none;
}

h3.bigZoneSubTitle a:hover { text-decoration: underline; }

.seeMoreLink,
.bookLink {
    display: block;
    overflow: hidden;
    width: 115px;
    padding: 0 0 0 13px;
    color: #510202;
    font-size: .9em;
    font-weight: normal;
    text-decoration: none;
    background: url(../img/pinkArrowOnLight.gif) 0 3px no-repeat;
}

.bookLink:hover {
    text-decoration: underline;
}

.bigBookLink {
    width: auto;
}


.seeMoreLink {
    width: auto;
    font-weight: bold;
    background-image: url(../img/darkArrowOnLight.gif);
}


/*  Boîte agenda / atelier
------------------------------------------------- */


.simpleBox,
.planningBox {
    padding: 13px 12px 10px 12px;
    background: url(../img/planningBg.gif) top right no-repeat;
}


.planningBox {
    width: 278px;
    height: 145px;
}
* html .planningBox {
    width: 310px;
    height: 145px;
}

.planningMediumBox {
    width: 266px;
    height: auto;
    background: transparent;
}

.planningMediumBox h2 {
    width: auto;
}

.planningMediumBox h3.bigZoneSubTitle {
    width: auto;
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.planningMediumBox a.bookLink {
    width: auto;
    padding-bottom: 8px;
}


.smallSimpleBox,
.simpleMediumBox,
.planningMediumBox {
    width: 266px;
    margin: 16px 0;
    padding-left: 10px;
}


* html .smallSimpleBox,
* html .simpleMediumBox,
* html .planningMediumBox {
    width: 300px;
}


.planningMediumBox h2 {
    width: auto; /*150px;*/
	margin-bottom: 0;
}
.simpleMediumBox {
    margin: 10px 0;
}

.smallSimpleBox,
.smallPlanningBox {
    width: 170px;
    padding: 10px 0 30px 8px;
    background: url(../img/planningBgSmall.gif) bottom right no-repeat;
}

.smallPlanningBox {
    background: transparent;
    padding-bottom: 10px;
}

.smallSimpleBox h2,
.smallPlanningBox h2 {
    font-size: 1.1em;
}


.planningMediumBox h3.bigZoneSubTitle {
    width: auto;
    margin-top: 0;
    padding-top: 8px;
}



.smallSimpleBox h3,
.smallPlanningBox h3 {
    width: auto; /*139px;*/
    font-size: 1.3em;
    padding-bottom: 20px;
}

.smallSimpleBox .bookLink,
.smallPlanningBox .bookLink {
    width: auto; /*100px;*/
}

.smallPlanningBox a.bookLink {
    padding-bottom: 8px;
}

.smallSimpleBox,
.simpleMediumBox,
.simpleBox {
    background: transparent;
}

/* Actu déco et Quizz */

.actuBox {
    width: 296px;
    padding: 20px 20px 10px 0;
}

* html .actuBox {
    width: 308px;
}

.actuBox h2 {
    color: #DD85B5;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    padding: 6px 0 2px 0;
}


h3.actuTitle a,
h3.actuTitle {
    color: #510202;
    font-size: 1.4em;
    padding: 0 0 4px 0;
    text-decoration: none;
}

h3.actuTitle a {
    font-size: 1em;
}

h3.actuTitle a:hover { text-decoration: underline; }



/*  Mon compte
------------------------------------------------- */

#moncompte .footer,
#moncompte {
    float: right;
    clear: both;
    width: auto;
    background: url(../img/myAccountBoxBg.gif) 0 0 no-repeat;
    padding: 10px 0 0 0;
    margin: 0;
}

#moncompte .footer {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    width: 300px;
    background-position: bottom left;
    padding: 0 0 20px 0;
    margin: 0;
}


#moncompte h2 {
    float: left;
    color: #fff;
    font-size: 1.8em;
    padding: 15px 0 11px 73px;
    margin: 0;
    line-height: 90%;
    background: url(../img/pictoMonEspace.gif) 26px 0 no-repeat;
}

#moncompte h2 strong {
    color: #DD85B5;
}

#moncompte p {
    float: right;
    clear: none;
    width: 125px;
    color: #DD85B5;
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

#moncompte span,
#moncompte a {
    display: block;
    color: #fff;
    font-size: .9em;
    text-decoration: none;
    padding: 4px 0 0 0;
}

#moncompte a:hover {
    text-decoration: underline;
}


#moncompte p a {
    font-size: 1em;
}

#moncompte p.liensCompte {
    float: left;
    width: 125px;
    border-right: 1px solid #9A6D6D;
    padding: 0 0 0 25px;
}


#moncompte p a.lienCommander,
#moncompte p.liensCompte a {
    padding-left: 16px;
    background: url(../img/pinkArrow.gif) 7px 8px no-repeat;
}

* html #moncompte p.liensCompte {
    width: 140px;
}





/* Version réduite */
#moncompte.smallCompte .footer,
#moncompte.smallCompte {
    /*width: 144px;
    height: 175px;*/
    width: 180px;
    background: url(../img/mySmallAccountBoxBg.gif) 0 0 no-repeat;
    padding: 10px 0 0 0; /* 18px 20px 18px;*/
}

#moncompte.smallCompte .footer {
    /*float: left;*/
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
    padding: 0 16px 18px 16px;
    background-position: bottom left;
}


* html #moncompte.smallCompte {
    height: 175px;
    width: 180px;
}

#moncompte.smallCompte h2 {
    font-size: 1.45em;
    padding: 14px 0 8px 34px;
    background: url(../img/pictoMiniMonEspace.gif) 0px 0 no-repeat;
}

#moncompte.smallCompte p.liensCompte {
    float: none;
    display: block;
    clear: both;
    width: 100%;
    padding: 8px 0 10px 0;
    border: none;
    border-bottom: 1px solid #9A6D6D;
}

#moncompte.smallCompte .monPanier {
    float: none;
    display: block;
    padding: 10px 0 0 0;
}

#moncompte.smallCompte .monPanier a {
    display: inline;
    float: none;
}

#moncompte.smallCompte .monPanier a.lienCommander {
    display: block;
}

#moncompte.smallCompte p.liensCompte a {
    padding-left: 10px;
    background: url(../img/pinkArrow.gif) 0 7px no-repeat;
}


#moncompte .confirmationPanier {
    border-bottom: 1px solid #9A6D6D;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    padding: 8px 0;
    width: 100%;
    margin: 0 0 8px 0;
}



/* Espace pro artisan
---------------------------------------------------------------- */

#publicEtArtisan {
    float: right;
    clear: both;
    width: 290px;
}

* html #publicEtArtisan {
    width: 297px;
}


#monCompteArtisan .footer,
#monCompteArtisan,
#monEspacePro .footer,
#monEspacePro {
    float: left;
    clear: none;
    width: 142px;
    background: url(../img/myTinyAccountBoxBg.gif) 0 0 no-repeat;
    padding: 10px 0 0 0;
    margin: 0;
}

* html #monCompteArtisan,
* html #monEspacePro {
    padding: 0;
    padding-top: 5px;
    margin: 0;
    overflow: hidden;
    height: 114px;
}

#monEspacePro .footer,
#monEspacePro {
    float: right;
}


#monEspacePro .footer,
#monEspacePro {
    background: url(../img/myTinyAccountBoxBg2.gif) 0 0 no-repeat;
}


#monCompteArtisan .footer,
#monEspacePro .footer {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    width: 142px;
    background-position: bottom left;
    padding: 0 0 20px 0;
    margin: 0;
}


#monCompteArtisan h2,
#monEspacePro h2 {
    float: left;
    color: #fff;
    font-size: 1.5em;
    padding: 38px 0 0 20px;
    margin: 0;
    line-height: 90%;
    background: url(../img/pictoMonEspace.gif) 20px 0 no-repeat;
}

#monEspacePro h2 {
    background: url(../img/pictoEspacePro.gif) 20px 0 no-repeat;
}


#monCompteArtisan h2 strong {
    color: #DD85B5;
}


#monEspacePro h2 {
    color: #DD85B5;
}
#monEspacePro h2 strong {
    color: #510202;
}

#monCompteArtisan p,
#monEspacePro p {
    float: right;
    clear: none;
    width: 125px;
    color: #DD85B5;
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

#monCompteArtisan span,
#monCompteArtisan a,
#monEspacePro span,
#monEspacePro a {
    display: block;
    color: #fff;
    font-size: .9em;
    text-decoration: none;
    padding: 4px 0 0 0;
    background: transparent;
}


#monEspacePro span,
#monEspacePro a {
    color: #510202;
}

#monCompteArtisan a:hover,
#monEspacePro a:hover {
    text-decoration: underline;
}

#monCompteArtisan p a,
#monEspacePro p a {
    font-size: 1em;
}

#monCompteArtisan p.liensCompte,
#monEspacePro p.liensCompte {
    float: left;
    width: 125px;
    border: none;
    padding: 0 0 0 25px;
    margin: 0;
    background: transparent;
}



#monCompteArtisan p a.lienCommander,
#monCompteArtisan p.liensCompte a,
#monEspacePro p a.lienCommander,
#monEspacePro p.liensCompte a {
    padding-left: 16px;
    background: url(../img/pinkArrow.gif) 7px 8px no-repeat;
}

#monEspacePro p a.lienCommander,
#monEspacePro p.liensCompte a {
    background-image: url(../img/pinkArrowOnLight.gif);
}



* html #monCompteArtisan p.liensCompte,
* html #monEspacePro p.liensCompte {
    width: 140px;
}



/*  Pubs
------------------------------------------------- */

.pub {
    float: right;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.pub a {
    text-decoration: none;
}

.pub img {
    float: right;
}

.pubTailleM {
    width: 289px;
    overflow: hidden;
    padding: 10px 0 10px 0;
}

* html .pubTailleM {
    width: 295px;
    overflow: hidden;
    padding: 10px 0 10px 0;
    margin-right: 0;
}


.blocArtisan img {
    border: 1px solid #DD85B5;
    margin: 0;
}


/*  Liste des thèmes de fiches pratiques
------------------------------------------------- */


.themesList {
    width: 645px;
    padding: 20px 0;
}

.themesList li {
    float: left;
    clear: none;
    width: 310px;
    padding: 0 0 20px 0;
}

.themesList li.lineBreaker {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
}

.themesList li.alt {
    float: right;
}

.themesList img {
    display: block;
}

.themesList h2 a,
.themesList h2 {
    color: #DD85B5;
    text-decoration: none;
    font-size: 1.6em;
    padding: 4px 0;
}

.themesList h2 a { font-size: 1em; }
.themesList h2 a:hover { text-decoration: underline; }


.listeFiches li {
    width: 100%;
    clear: both;
    padding-bottom: 30px;
}

.listeFiches .image {
    float: left;
    width: auto;
    clear: none;
}

.listeFiches p,
.listeFiches h2 {
    float: right;
    width: 400px;
    clear: none;
}


/** Modification du thème pour les actus déco */

.actuDeco {
    width: 655px;
}

.actuDeco .image {
    float: left;
    width: 203px;
    clear: none;
    overflow: hidden;
    border: 1px solid #DCCCCD;
    text-align: center;
    margin-bottom: 4px;
}

.actuDeco .image img {
    display: inline;
    float: none;
}

.actuDeco li {
    width: 208px;
    padding-right: 14px;
}

.actuDeco li.alt {
    float: left;
    padding-right: 0;
}

.actuDeco p.classic a {
    color: #666;
    text-decoration: none;
}
.actuDeco p.classic a:hover { text-decoration: underline; }


/* Modification du thème pour les ateliers */

.ateliersList li {
    width: 310px;
    background: url(../img/atelierCenter.gif) 0 0 repeat-y;
    padding: 0;
    margin: 0 0 20px 0;
}

.ateliersList li.alt {
    float: right;
}

.ateliersList .image {
    float: left;
    clear: none;
    width: 73px;
    height: 106px;
    margin: 0;
    padding: 4px 0 0 4px;
    overflow: hidden;
}


.ateliersList h2 {
    color: #510202;
    padding: 16px 0 8px 0;
    margin: 0;
}

.ateliersList p {
    color: #510202;
    padding: 0;
    margin: 0;
}


.ateliersList .contour {
    margin: 0;
    background: url(../img/atelierTop.gif) 0 0 no-repeat;
}

.ateliersList .footer {
    padding: 0 0 8px 0;
    background: url(../img/atelierBottom.gif) bottom left no-repeat;
}

.ateliersList .contenu {
    width: 214px;
    /*padding: 0 0 0 10px;*/
}

.ateliersList div a,
.ateliersList p a {
    display: block;
    color: #510202;
    text-decoration: none;
    padding: 3px 0 0 13px;
    background: url(../img/pinkArrowOnLight.gif) 0 6px no-repeat;
}

.ateliersList div a:hover,
.ateliersList p a:hover { text-decoration: underline; }


.ateliersList a.afficherDefaut {
    font-weight: bold;
}

.ateliersList div.lessonList {
    display: block;
    clear: both;
    overflow: hidden;
}

.ateliersList div.row {
    display: block;
    clear: both;
    overflow: hidden;
}


.ateliersList div a {
    float: left;
    clear: none;
    width: 215px;
    /*width: 190px;*/
    padding: 3px 0 8px 1px;
    /*padding: 3px 0 0 3px;*/ 
    background: transparent;
}

.ateliersList div input {
    float: left;
    clear: none;
}



.infoDispos {
    float: right;
    width: 400px;
    clear: both;
    padding: 8px 0 16px 0;
}

.infoDispos p {

}

.infoDispos em {
    display: block;
    clear: both;
    padding: 8px 0 8px 0;
}

.infoDispos p,
.infoDispos label,
.infoDispos input {
    float: left;
    clear: none;
    width: auto;
}

.infoDispos input {
    margin: 0 0 0 16px;
}

.infoDispos label {
    padding: 0 0 0 5px;
}

/*  Grand bandeau de l'accueil principal
------------------------------------------------- */

#homeBigPict {
    position: relative;
}

.homeBigTextBox,
#homeBigTextBox {
    position: absolute;
    top: 55px;
    left: 34px;
    width: 210px;
    overflow: visible;
}

#homeBigPict p,
#homeBigPict h2,
#homeBigPict h1 {
    color: #fff;
}


#homeBigPict.quizzTitre p,
#homeBigPict.quizzTitre h2,
#homeBigPict.quizzTitre h1 {
    color: #510202;
}

#homeBigPict h1 {
    font-size: 2.5em;
    width: 210px;
    padding-bottom: 8px;
}

.homeBigTextBox img,
#homeBigTextBox img {
    position: absolute;
    top: -20px;
    right: -40px;
}

#homeBigPict h2 {
    font-size: 1.4em;
    padding-bottom: 8px;
}

#homeBigPict p {
    font-weight: normal;
    font-size: 1em;
}


#homeBigPict.themeFiche h1,
#homeBigPict.themeFiche h2,
#homeBigPict.themeFiche p {
    color: #510202;
}

#homeBigPict.themeDeco h1 {
    color: #DD85B5;
}

#homeBigPict.themeDeco h2 {
    font-size: 1.1em;
    font-weight: normal;
}


#homeBigPict.presentationTitre {
    border: 1px solid #DCCCCC;
    width: auto;
}

#homeBigPict.presentationTitre .homeBigTextBox,
#homeBigPict.presentationTitre #homeBigTextBox {
    top: 18px;
    left: 247px;
    width: 380px;
}

#homeBigPict.presentationTitre h1 {
    font-size: 1.8em;
}

#homeBigPict.presentationTitre h2 {
    color: #DD85B5;
}

#homeBigPict.presentationTitre p {
    color: #666;
    font-size: 1.1em;
}

#homeBigPict.stageTitre {
    width: 645px;
    margin-bottom: 24px;
}



#homeBigPict.quizzTitre .homeBigTextBox,
#homeBigPict.quizzTitre #homeBigTextBox {
    top: 18px;
    left: 18px;
    width: 225px;
}




/*   Zoom
-------------------------------------------------------- */

#zoomBackground {
    position: absolute;
    display: none;
    background: #000;
    top : 0;
    left : 0;
    width : 100%;
    height : 300%;
    z-index : 0;
    filter : alpha(opacity=50);
    opacity : .5;
    text-align: center;
    overflow: hidden;
}

#zoomBackground.show {
    display: block;
    z-index : 12;
}


#zoomBox {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    display: block;
    visibility: hidden;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 16px 8px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    z-index : 0;
}

#zoomBox .image {
    text-align: center;
    border: 1px solid #dccccc;
}

#zoomBox .image img {
    float: none;
    display: inline;
    margin: 0 auto;
}

#zoomBox .toolbar {
    display: block;
    clear: both;
    width: auto;
    overflow: hidden;
}

#zoomBox p {
    display: block;
    width: 685px;
}

#zoomBox .miniatures {
    display: none;
}

#zoomBox.show {
    display: block;
    z-index : 13;
    visibility: visible;
}

#lienPrecedent,
#lienSuivant,
#lienFermer {
    position: absolute;
    bottom: 39px;
    right: 14px;
    color: #510202;
    font-size: 1em;
    text-decoration: none;
    padding: 4px 18px 4px 0;
    background: url(../img/pictoFermer.gif) 100% 6px no-repeat;
}

#lienFermer:hover {
    text-decoration: underline;
}

#lienPrecedent,
#lienSuivant {
    width: 53px;
    height: 32px;
    padding: 0;
    background: url(../img/zoomSuivant.gif) top right no-repeat;
}

#lienSuivant {
    top: 50%;
    right: 0;
}

#lienPrecedent {
    top: 50%;
    left: 0;
    background: url(../img/zoomPrecedent.gif) 0 0 no-repeat;
}


/*   Variante produit du zoom
-------------------------------------------------------- */

#zoomBox.zoomProduit {
    padding-bottom: 0;
}



#zoomBox.zoomProduit .listeEtapes {
    width: auto;
    padding: 0;
}

#zoomBox.zoomProduit .toolbar {
    width: 500px;
    padding-right: 88px;
}

#zoomBox.zoomProduit #lienFermer {
    bottom: 25px;
    right: 14px;
}

#zoomBox.sansMini #lienFermer {
    bottom: 10px;
    right: 14px;
}


#zoomBox.zoomProduit #lienSuivant,
#zoomBox.zoomProduit #lienPrecedent,
#zoomBox.zoomProduit p {
    display: none;
}

#zoomBox.zoomProduit h2 {
    float: left;
    clear: none;
    width: 215px;
    font-size: 1.3em;
    padding: 8px 0;
}


#zoomBox.zoomProduit .miniatures {
    display: block;
    float: right;
    clear: none;
    width: 220px;
    padding: 4px 0 0 0;
}

#zoomBox.zoomProduit .miniatures li {
    float: left;
    width: auto;
    border: 1px solid #DCCCCC;
    padding: 1px;
    margin: 0 12px 4px 0;
}

#zoomBox.zoomProduit .miniatures li.courant {
    border: 2px solid #DD85B5; /* DD85B5  510202 */
}


/* Bulle détaillant un atelier
---------------------------------------------------------------- */

#bigBubbleContent,
#bigBubble,
#bigBubbleFooter {
    float: none;
    display: block;
    overflow: hidden;
    width: auto;
}



#bigBubble {
    position: absolute;
    top: 300px;
    left: 400px;
    visibility: hidden;
    width: 304px;
    height: auto;
    margin: 0;
    padding: 18px 0 0 0;
    text-align: left;
    background: #fff;
    z-index : 0;
    background: url(../img/bigBubbleTop.png) 0 0 no-repeat;
}

#bigBubble.reverse {
    padding: 38px 0 0 0;
    background: url(../img/bigBubbleTop2.png) 0 0 no-repeat;
}


#bigBubble.show {
    display: block;
    z-index : 13;
    visibility: visible;
}

#bigBubbleFooter {
    padding: 0 0 40px 0;
    background: url(../img/bigBubbleBottom.png) bottom left no-repeat;
}

.reverse #bigBubbleFooter {
    padding: 0 0 20px 0;
    background: url(../img/bigBubbleBottom2.png) bottom left no-repeat;
}

#bigBubbleContent {
    padding: 0 20px 0 16px;
    background: url(../img/bigBubbleCenter.png) 0 0 repeat-y;
}

#bigBubble h2 {
    padding-bottom: 8px;
}

#bigBubble p {
    font-size: .9em;
    line-height: 130%;
    text-align: justify;
}

#bigBubble .image {
    width: auto;
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
    overflow: hidden;
}


#closeBigBubble {
    display: block;
    position: absolute;
    top: 0;
    right: 12px;
    color: #666;
    font-size: .8em;
    text-decoration: none;
    padding: 4px 14px 4px 0;
    background: url(../img/pictoFermer2.gif) 100% 6px no-repeat;
}

#closeBigBubble:hover {
    text-decoration: underline;
}

.reverse #closeBigBubble {
    top: 20px;
}


#bigBubble .horaires {

}

.alertesInfos {

}

.alertesInfos p {
    float: left;
    width: 70%;
    color: #333;
}

.alertesInfos {

}


#bigBubble .horaires p.classic {
    float: left;
    clear: none;
    width: 199px;
    text-align: left;
}

.boutonReserver,
#bigBubble .boutonReserver {
    float: right;
    clear: none;
    background: #DD85B5;
    color: #fff;
    padding: 2px 4px;
    /*margin-left: 13px;*/
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8em;
}
.boutonReserver:hover,
#bigBubble .boutonReserver:hover { background: #510202; }


#bigBubble .pubCarte {
    font-size: 1em;
    padding: 0 0 16px 0;
}

#bigBubble .pubCarte img {
    float: left;
}

#bigBubble .pubCarte p {
    float: right;
    clear: none;
    width: 200px;
    font-weight: bold;
    font-size: 1em;
}

#bigBubble .pubCarte p a {
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}

/*   Colonne de droite version réduite
-------------------------------------------------------- */



/*  Atelier
------------------------------------------------- */

.mainCol {
    width: 425px;
}

.smallCol {
    width: 208px
}

.atelier h1 a:hover {
    text-decoration: none;
}

.atelier {
    width: auto;
    border: 1px solid #DCCCCC;
    padding: 9px;
}

.mainCol .atelier {
    padding: 18px;
}

.smallCol .atelier {
    margin-bottom: 20px;
    /*padding: 9px;*/
}

.atelier h1 {
    width: 180px;
    line-height: 100%;
    padding: 0 0 6px 0;
}

.atelier h2 {
    width: 180px;
    padding: 0 0 8px 0;
}

.atelier p {
    width: 170px;
    font-size: 1em;
    line-height: 130%;
}


/* Bonnes raisons */
.bonnesRaisons {
    height: 261px;
    background: url(../img/bonnesRaisonsBg.jpg) bottom right no-repeat;
    margin-bottom: 20px;
}
* html .bonnesRaisons { height: 270px; }

.bonnesRaisons h1 {
    padding-top: 6px;
}

.agenda {
    height: 108px;
    padding-top: 180px;
    background: url(../img/agendaBoxBg.jpg) 0 0 no-repeat;
}

.agenda h1 {
    padding-bottom: 18px;
}

* html .agenda { height: 308px; }


.presentation,
.temoignage {
    width: 167px;
    height: 272px;
}
* html .presentation, * html .temoignage { width: 203px; height: 308px; }


.presentation {
    background: url(../img/ateliersPresentationBg.jpg) bottom right no-repeat;
}

.mainCol .temoignage {
    width: 177px;
    background: url(../img/temoignageBg.jpg) bottom left no-repeat;
    padding-right: 10px;
}
.temoignage h1 { width: 95px; }
.temoignage h2 { width: 85px; }

.privatiser {
    background: url(../img/privatiserBg.jpg) bottom right no-repeat;
}
.privatiser h2 { width: 100px; padding: 7px 0 0 0; }
.privatiser h1 { width: 100%; padding: 5px 0 0 0;}


.planAcces {
    background: url(../img/planAccessBg.jpg) top right no-repeat;
}
.planAcces h1, .planAcces h2 { width: 113px; padding: 7px 0 0 0;}


.tarifs {
    background: url(../img/tarifsBg.jpg) 113px 13px no-repeat;
}
.tarifs h1, .tarifs h2 { width: 72px; padding: 7px 0 0 0;}




.temoignage {
    position: relative;
}

.temoignage .bulle {
    position: absolute;
    right: 10px;
    bottom: 30px;
}

.bulle {
    width: 129px;
    background: url(../img/bulleTop.png) 0 0 no-repeat;
    padding-top: 41px;
}

.bulle div {
    background: url(../img/bulleBottom.png) bottom left no-repeat;
    padding-bottom: 41px;
    text-align: center;
}

.bulle p {
    float: none;
    display: block;
    color: #fff;
    width: auto;
    margin: 0;
    font-size: 1.1em;
    font-style: italic;
    padding: 4px 14px;
    background: url(../img/bulleCenter.png) 0 0 repeat-y;
}

.bulle a {
    display: block;
    position: absolute;
    bottom: 14px;
    right: 32px;
    padding: 0 0 0 10px;
    color: #510202;
    font-size: .9em;
    background: url(../img/darkArrow.gif) 0 3px no-repeat;
    text-decoration: none;
}
.bulle a:hover { text-decoration: underline; }



/* Geste pour l'environement / appeler un pro
---------------------------------------------------------------- */

.infoBox {
    float: left;
    clear: both;
    width: 645px;
    background: url(../img/infosCenter.gif) 0 0 repeat-y;
}

.infoBox .header,
.infoBox h2 {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 15px 0 6px 87px;
    background: url(../img/infosTop.gif) 0 0 no-repeat;
    color: #DD85B5;
    font-size: 1.2em;
}

.infoBox .footer,
.infoBox p {
    display: block;
    clear: both;
    width: 558px;
    font-size: .9em;
    overflow: hidden;
    padding: 0 0 15px 87px;
    background: url(../img/infosBottom.gif) bottom left no-repeat;
}

* html .infoBox .footer,
* html .infoBox p {
    width: 645px;
}

.infoBox .footer div,
.infoBox .footer ul,
.infoBox .footer li,
.infoBox .footer p {
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 1em;
    background: transparent;
}

.infoBox div {
    float: left;
    clear: both;
    background: url(../img/gestePicto.gif) 18px 10px no-repeat;
}

.appelPro div {
    background-image: url(../img/appelPicto.gif);
}

.infoBox p a {
    width: auto;
    padding-top: 6px;
    background-position: 0 9px;
    text-decoration: none;
}

.infoBox p a:hover {
    text-decoration: underline;
}

* html .infoBox {
    width: 645px;
}





/* Ateliers / 5 bonnes raisons
---------------------------------------------------------------- */

.raisonTitreBox {
    background: url(../img/bonneRaisonsTitreBg.jpg) 0 0 no-repeat;
    padding-left: 245px;
    margin-bottom: 30px;
}


.tarifsTitreBox {
    background: url(../img/tarifsTitreBg.gif) 34px 15px no-repeat;
    padding-left: 248px;
    margin-bottom: 30px;
    height: 142px;
}



.tarifsTitreBox p,
.tarifsTitreBox h2,
.raisonTitreBox p,
.raisonTitreBox h2 {
    width: 377px;
}

.raisonTitreBox p {
    color: #510202;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 140%;
}

.raisonBox {
    margin-bottom: 20px;
}

.raisonBox div {
    float: left;
    clear: both;
    background: transparent;
    position: relative;
}

.raisonBox h2,
.raisonBox p {
    padding-left: 57px;
}

.raisonBox h2 {
    color: #510202;
}

.raisonBox p {
    width: 588px;
}

.raisonBox .numero {
    position: absolute;
    top: 15px;
    left: 17px;
    font-size: 4em;
    font-weight: bold;
}





/*   prendre un cours
------------------------------------------------------ */


.boutonPrendreCours {
    width: 150px;
    height: 26px;
    margin: 30px 0;
    background: url(../img/boutonPrendreCours.gif) 0 0 no-repeat;
}


/*   boîte des tarifs
------------------------------------------------------ */


.tarifsBox {
    float: left;
    clear: both;
    width: 100%;
}

.tarifsBox div {
    float: left;
    clear: both;
    width: 100%;
}

.tarifsBox .footer {
    display: block;
    float: none;
    width: auto;
    overflow: hidden;
    font-size: 1em;
    padding: 0 15px 0 0;
}

.tarifsBox .footer p {
    /*float: left;
    width: auto;*/
    font-size: 1em;
    padding-left : 17px;
}

.tarifsBox h2,
.tarifsBox h3,
.tarifsBox p {
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
    padding-left: 15px;
}

.tarifsBox h2 {
    font-size: 1.5em;
    color: #DD85B5;
}
.tarifsBox h3 {
    font-size: 1em;
    color: #510202;
}

.tarifsBox p {
    background: none;
    padding: 0 15px 15px 15px;
}

.tarifsBox .bigBookLink {
    width: auto;
    padding: 0 0 16px 30px;
    background: url(../img/pinkArrowOnLight.gif) 15px 3px no-repeat;
    text-decoration: none;
}

.tarifsBox .bigBookLink:hover { text-decoration: underline; }


/* Boîte alternative */

.special {
    width: 645px;
    background: #DD85B5;
}

.special h2 {
    color: #fff;
    background: url(../img/infosTop2.gif) 0 0 no-repeat;
}

.special .footer {
    background: url(../img/infosBottom2.gif) bottom left no-repeat;
}


.special .classic {
    color: #fff;
    padding-left: 18px;
}

.special .bigBookLink {
    background-image: url(../img/darkArrow.gif);
    color: #fff;
}


/* Lexique */

.alphaBox h2 a {
    color: #510202;
    text-decoration: none;
    padding: 0 6px 0 0;
}
.alphaBox h2 a:hover { text-decoration: underline; }


#lexique h1 {
    padding-bottom: 24px;
}

#lexique .tarifsBox h3 a {
    text-decoration: none;
}

#lexique .pagination {
    width: 645px;
}


/* Pages institutionnelles
---------------------------------------------------------------- */

.institutionnel h2 {
    padding-bottom: 10px;
    padding-top: 20px;
}

.institutionnel h3 {
    padding-bottom: 4px;
}

.institutionnel .classic {
    font-size: 1em;
    padding-bottom: 16px;
    width: 550px;
    line-height: 130%;
}



.roundBox .footer,
.roundBox {
    display: block;
    clear: both;
    float: none;
    overflow: hidden;
    width: 645px;
    padding: 10px 0 0 0;
    margin: 0 0 24px 0;
    background: url(../img/roundBox.gif) 0 0 no-repeat;
}


.smallRoundBox {
    float: left;
    clear: none;
}

.smallRoundBox .footer,
.smallRoundBox {
    background: url(../img/smallroundBox.gif) 0 0 no-repeat;
    width: 505px;
}

.smallRoundBox .footer,
.roundBox .footer {
    padding: 0 20px 10px 20px;
    margin: 0;
    background-position: bottom left;
}

.roundBox .footer p {
    width: 95%;
}

.smallRoundBox .footer p {
    margin: 0;
    padding: 0;
}

.roundBox h2 {
    width: auto;
    padding-bottom: 8px;
}

.smallRoundBox h2.smallProductTitle {
    margin: 0;
    padding: 0;
}

.roundBox .bookLink {
    text-decoration: none;
}
.roundBox .bookLink:hover { text-decoration: underline; }


.roundBox .classic {
    line-height: 130%;
}


.smallRoundBox .floatBlock {
    width: 78%;
    float: left;
    clear: none;
}

.boutonAlertes {
    float: left;
    padding: 5px 3px;
    font-size: .9em;
    font-weight: bold;
}

.voirListeCours {
    float: right;
    color: #DD85B5;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    padding: 35px 0 0 0;
    margin: 0;
}

.voirListeCours:hover {
    text-decoration: underline;
}

.temoignageBox {
    position: relative;
    height: auto;
}

.temoignageBox .footer {
    padding: 0 10px 10px 10px;
}


.temoignageBox .bulle {
    bottom: 2px;
    left: 107px;
    right: auto;
}

.temoignageBox .bulle p {
    width: 99px;
}

.temoignageBox .image,
.temoignageBox .textContent {
    float: right;
    clear: none;
    width: 397px;
    padding: 0 16px 0 16px;
}


.temoignageBox .image {
    position: absolute;
    bottom: 1px;
    left: 10px;
    float: left;
    width: 200px;
    padding: 0;
}

.reverseTemoignage .bulle {
    right: 8px;
    left: auto;
}



.reverseTemoignage .textContent {
    float: left;
}

.reverseTemoignage .image {
    float: right;
    left: auto;
    right: 32px;
}




/*   Nos engagements / col droite
-------------------------------------------------- */

.engagementsBg,
.nosEngagements {
    display: block;
    float: none;
    clear: both;
    margin: 20px 0 0 0;
    padding: 16px 0 0 0;
    background: url(../img/engagementsBg.gif) 0 0 no-repeat;
}

.engagementsBg {
    margin: 0;
    padding: 0 18px 18px 18px;
    background-position: bottom left;
}


.nosEngagements h2 {
    color: #fff;
    font-size: 1.2em;
}

.nosEngagements h2 strong {
    color: #510202;
}


.nosEngagements h3 {
    color: #510202;
    font-size: 1em;
    padding: 16px 0 4px 22px;
}

.nosEngagements h3.paiement {
    background: url(../img/pictoCadenas.gif) 0 9px no-repeat;
}

.nosEngagements h3.livraison {
    background: url(../img/pictoCamion.gif) 0 12px no-repeat;
}

.nosEngagements a {
    display: block;
    color: #fff;
    font-size: .9em;
    text-decoration: none;
    background: url(../img/darkArrow.gif) 0 3px no-repeat;
    padding: 0 0 0 12px;
}
.nosEngagements a:hover { text-decoration: underline; }




/*   Bouton valider / submit pour commande et boutique
----------------------------------------------------------------------------- */


.boutonRafraichir strong,
.boutonValider strong,
.boutonValider,
.boutonRafraichir {
    float: right;
    clear: none;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    background: url(../img/boutonSombreBg.gif) 0 0 no-repeat;
    height: 26px;
    text-decoration: none;
    padding: 0 0 0 14px;
    margin: 0 0 0 31px;
}
.boutonValider strong,
.boutonValider { background: url(../img/boutonClairBg.gif) 0 0 no-repeat; }


.boutonValider strong,
.boutonRafraichir strong {
    float: left;
    width: auto;
    font-size: .9em;
    line-height: 26px;
    margin: 0;
    padding: 0 14px 0 0;
    background-position: top right;
}




/*   liste des partenaires (colonne droite)
----------------------------------------------------------------------------- */


.boite-partenaire {
    float: left;
    clear: none;
    width: 48%;
    padding-top: 8px;
}


/*   Numéro carte cadeau
----------------------------------------------------------------------------- */

.activer-carte-cadeau {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 16px 0;
    background: url(../img/tarifsBg.jpg) center left no-repeat;
}

.activer-carte-cadeau label {
    float: left;
    clear: none;
    height: 50px;
    width: 90px;
    font-weight: bold;
    padding: 15px 0 0 85px;
    font-size: .9em;
    color: #510202;
}

.activer-carte-cadeau p {
    float: right;
    clear: none;
    width: 187px;
    text-align: left;
    padding: 0;
    margin: 0;
}

.activer-carte-cadeau input {
    float: right;
    clear: none;
    border: 1px solid #510202;
    color: #510202;
    font-size: .9em;
    width: 187px;
}