/**************** GENERAL ****************/

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a{
    text-decoration: none;
}

body{
    font-family:Tahoma;
}

/* Colors */
.grey{color:rgb(160,160,160);}
.grey2{color:rgb(83,83,83);}
.black{color:black;}
.blue{color:rgb(0,122,192);}
.blue2{color:rgb(172,201,227);}
.white{color:white;}
.red{color:red;}

/* Font size */
.fontSize12{font-size:12px;}
.fontSize14{font-size:14px;}
.fontSize16{font-size:16px;}
.fontSize18{font-size:18px;}
.fontSize19{font-size:19px;}
.fontSize20{font-size:20px;}
.fontSize24{font-size:24px;}
.fontSize25{font-size:25px;}
.fontSize27{font-size:27px;}
.fontSize30{font-size:30px;}

.mt10{margin-top:10px;}
.mt40{margin-top:40px;}

/* Text-decoration */
.underline{text-decoration:underline;}

/* Liste CheckBox */
ul.menuCheckBox{
    position:absolute;
    left:-12px;
    z-index:2;
}

ul.menuCheckBox li{
    height:21px;
    list-style: none;
    background:url(/img/front/checkboxNonCoche.png) center left no-repeat;
    padding-left: 28px;
    margin:5px;
}

ul.menuCheckBox li.active{
    background:url(/img/front/checkboxCocheRouge.png) center left no-repeat;
}

ul.menuCheckBox li a:hover{
    border-bottom: 2px solid rgb( 220, 0, 46 );
}

ul.menuCheckBox li.active a{
    color:rgb(220,0,46);
}

ul.menuCheckBox a{
    color:rgb(0,112,184);
}
/* Fin Liste CheckBox */


/************** FIN GENERAL **************/


/************** STRUCTURE **************/

/* Partie centrale */
div#container {
    width:990px;
    margin: 0 auto;
    padding-top:20px;
}

/* Zone de contenu central (sans le header) */
div#content {
    height:709px;
    background:url(/img/front/fond.png) no-repeat;
}

/* Zone de contenu central reel */
div#innerContent{
    width:980px;
    height:709px;
    margin:0 auto;
}

/************** FIN STRUCTURE **************/


/**************** HEADER ****************/
div#header {
    width:980px;
    height:60px;
    margin:0 auto;
    position:relative;
}

div#header a#generalLogo, div#header div#welcome,div#header div#languageFlags,div#header div#cube,div#header div#actionLinks{
    position:absolute;
    bottom:0;
}

div#header a#generalLogo{
    left:5px;
}

div#header div#welcome {
    left:215px;
    font-size:14px;
}

div#header span#logout a {
    color:rgb(140,140,140);
}

div#header div#languageFlags {
    right:365px;
}

div#header div#cube {
    right:265px;
    bottom:-22px;
 }

div#header div#actionLinks {
    right:5px;
}

div#header div#actionLinks a{
    padding:0 2px;
}

div#actionLinks a#panierRempli{
    position:relative;
    top:20px;
}

/************** FIN HEADER **************/

/**************** CENTER ****************/

    /*********** TOP CONTENT **********/
    div#topContent {
        padding-top:20px;
    }

    /* MAIN MENU */
    ul#mainMenu {
        float: left;
        color:rgb(0,112,184);
        list-style:none;
        margin:0;
        padding-left:20px;
    }

    ul#mainMenu li {
        display:inline;
        margin:0 8px;
    }

    ul#mainMenu li a{
        color: rgb( 0, 112, 184 );
    }

    ul#mainMenu li.active a{
        line-height:150%;
    }

    ul#mainMenu li.active a, ul#mainMenu li a:hover{
        border-bottom: 2px solid rgb( 220, 0, 46 );
    }

    /* FIN MAIN MENU */

    /* SEARCH BLOCK */
    div#searchBlock{
        float:right;
        width:235px;
        margin:5px 10px 0 0;
    }

    div#searchBlock input{
        display: block;
        float: left;
        width:90px;
        height:20px;
        background-color:rgb(229,239,248);
        border:1px solid rgb(0,112,184);
        color:rgb(0,112,184);
        font-size:14px;
        padding:0;
        margin:0;
    }

    div#searchBlock input#searchInput {
        width:140px;
        height:18px;
    }

    /* FIN SEARCH BLOCK */

    /*********  FIN TOP CONTENT ********/

    /*********** CENTERAREA **********/
    div#centerArea{
        clear:both;
        margin-top:60px;
        width:978px;
        height: 617px;
        position:relative;
    }

    div#leftContent{
        width:670px;
        height: 617px;
        position:absolute;
        top:0;
        left:0;
    }

    div#rightContent{
        width:305px;
        height: 617px;
        position:absolute;
        top:0;
        right:0;
    }

    /*********** FIN CENTERAREA **********/

/**************** FIN CENTER ****************/


/*********** BLUE STRIP ***********/
div#blueStrip{
    height:59px;
    position:relative;
    bottom:41.5px;
    z-index:-1;
    background-color:rgb( 178, 208, 235 );
}
/********* FIN BLUE STRIP ********/


/********* BOTTOMMENU ********/

    ul#bottomMenu {
        list-style: none;
        width:950px;
        position:relative;
        bottom:65px;
        margin: 0 auto;
        font-size:16px;
    }

    ul#bottomMenu li {
        float:left;
        color:rgb(0,112,184);
        height:16px;
        margin:0 4px;
    }

    ul#bottomMenu li a {
        color:rgb(0,112,184);
    }

    ul#bottomMenu li.active a{
        color:rgb(220,0,46);
    }

/*********  FIN BOTTOMMENU ********/


    /** EDITIONS PAGE **/

    div#blocTitleEditions{
        height:84px;
        background:rgb(204,224,242);
        position:relative;
    }
    div#blocTitleEditions h2{
        margin-left:40px;
        font-size:35px;
        color:white;
        font-weight:normal;
    }

    div#blocTitleEditions img{
        position:absolute;
        top:5px;
        right:10px;
    }

    div#blocTextEditions {
        margin:40px 0 0 40px;
    }

    div#textEditionsHeading{
        width:540px;
        font-size:20px;
    }

    div#blocTextEditions li{
        list-style:none;
        background:url(/img/front/blackArrow.png) 0% 7% no-repeat;
        padding-left:12px;
        margin-top:20px;
        font-size:18px;
        color:black;
    }

    div#blocTextEditions li p{
        margin-left:-12px;
        font-size:14px;
        color:rgb(160,160,160);
        margin-right:30px;
        text-align:justify;
    }

    /*span.miniCaps{
        font-size:11px;
    }*/

    div#blocTextEditions a{
        color:rgb(160,160,160);
        text-decoration:underline;
    }

    div#creators{
        position:absolute;
        right:0;
        bottom:0;
        height: 617px;
        width:298px;
        background:rgb(204,224,242);
    }

    div#creatorsImage{
        height:124px;
        background:white url(/img/front/fondateurs.png) no-repeat;
    }

    div#creatorsText *{
        color:rgb(0,99,190);
        margin:0 18px 0 18px;
    }

    div#creatorsText h4{
        font-size:18px;
        margin-top:15px;
        font-weight:normal;
    }

    div#creatorsText p{
        font-size:14px;
        text-align:justify;
    }

    div#creatorsText a{
        text-decoration:underline;
        margin:0;
    }

    /** EDITIONS PAGE **/

    /** MP3 PAGE **/
    div#leftContentMp3 {
        margin:50px 15px 0 40px;
        font-size:14px;
    }

    div#leftContentMp3 h2{
        font-weight:normal;
        font-size:32px;
    }

    div#leftContentMp3 p,ul{
        margin-top:15px;
        text-align:justify;
    }

    div#leftContentMp3 ul{
        list-style:none;
    }
    
    div#leftContentMp3 ul li{
        background:url(/img/front/puceTrait.png) center left no-repeat;
        padding-left:9px;
    }

    div#rightContentMp3{
        height:617px;
        width:300px;
        position:absolute;
        right:0;
    }

    div#rightContentMp3 div#imagePackMp3 {
        position:absolute;
        left:-16px;
        top:65px;
        width:316px;
        height:346px;
        overflow:hidden;
        z-index:2;
    }

    div#rightContentMp3 div#blockText{
        height:330px;
        width:300px;
        position:absolute;
        right:0;
        top:287px;
        background-color:rgb(204,224,242);
    }

    div#rightContentMp3 div#blockText div#text{
        padding:70px 5px 0 17px;
        line-height:150%;
        margin-top:40px;
    }

    /* Classe aussi utilisee dans les pages method */
    a.imageRetour{
        display:block;
        position:absolute;
        right:45px;
        bottom:20px;
    }
    /** FIN MP3 PAGE**/

    /** METHOD PAGE **/

    div#leftContentMethod {
        margin:50px 0 0 40px;
        font-size:14px;
    }

    div#leftContentMethod h2{
        font-size:40px;
        font-weight:normal;
        margin-bottom:55px;
    }

    div#leftContentMethod p{
        margin-right:30px;
        text-align:justify;
    }

    div#leftContentMethod ul{
        font-size:20px;
    }

    div#leftContentMethod ul li{
        list-style:none;
        padding-left:12px;
        background:url(/img/front/blackArrow.png) center left no-repeat;
    }

    div#leftContentMethod ul li a{
        color:rgb(0,112,184);
    }

    div#rightContentMethod{
        height:572px;
        background-color:rgb(204,224,242);
        padding-top:15px;
        margin-top:30px;
    }

    div#rightContentMethod h4{
        font-size:20px;
        font-weight:normal;
        margin-top:10px;
    }

    div#rightContentMethod p{
        margin-top:5px;
        font-size:12px;
        line-height:120%;
        text-align:justify;
    }

    div#rightContentMethod h4,div#rightContentMethod p{
        padding:0 17px;
    }

    div#rightContentMethod a{
        color:black;
        text-decoration:underline;
    }

    /** FIN METHOD PAGE **/

    /** PASSIVE & ACTIVE METHOD PAGES **/
    div#leftContentActiveMethod, div#leftContentPassiveMethod{
        margin:20px 0 0 40px;
        font-size:14px;
        text-align:justify;
    }

    div#leftContentActiveMethod div#animation,div#leftContentPassiveMethod div#animation{
        height:310px;
        width:585px;
    }

    /* TEMPORAIRE: sera remplace par des animations */
    div#leftContentActiveMethod div#animation img,div#leftContentPassiveMethod div#animation img{
        display:block;
        height:310px;
        width:auto;
        margin:auto;
    }

    div#videoExample{
        height:500px;
        width:950px;
        margin:0 auto;
        text-align:center;
    }

    div#videoExample a#player{
        display:block;
        height:500px;
        width:950px;
    }

     div#methodMenu{
        margin-top:200px;
        padding-top:5px;
        background-color:rgb(204,224,242);
        position:relative;
        width:305px;
        height:85px;
    }

    /** FIN PASSIVE & ACTIVE METHOD PAGES **/

    /** ACTIVE METHOD PAGE **/
    div#leftContentActiveMethod p{
        margin-top:5px;
        width:585px;
    }
    /** FIN ACTIVE METHOD PAGE **/

    /** PASSIVE METHOD PAGE **/
    div#leftContentPassiveMethod div#animation{
        margin-bottom:50px;
    }

    div#animation img{
        width:210px;
        margin: 10px 0px 0px 40px;
    }

    div#leftContentPassiveMethod p{
        margin-top:5px;
        width:585px;
    }
    /** FIN PASSIVE METHOD PAGE **/

    /** COLLECTIONS COMMON **/
    div#contentCollections{
        margin:50px 15px 0 30px;
    }

    div#contentCollections h2{
        margin-top:45px;
        font-size:40px;
        font-weight:normal;
        color:rgb(170,170,170);
    }

    div#contentCollections h4{
        margin-top:45px;
        font-size:20px;
        font-weight:normal;
        color:rgb(170,170,170);
    }

    div#contentCollections p{
        font-size:14px;
        text-align:justify;
    }

    div#contentCollections p a{
        text-decoration:underline;
        color:black;
    }

    div#contentCollections p#commonText{
        margin-right:-13px;
        margin-top:20px;
        color:rgb(160,160,160);
    }

    div#contentCollections p#commonText span.noSpace{
        margin-left:-5px;
    }

    div#contentCollections p#asterix{
        margin-top:20px;
        font-size:12px;
    }


    div#rightContentCollections{
        height:617px;
        position:relative;
    }

    div#rightContentCollections img.visuelCollection{
        display:block;
        position:absolute;
        top:-20px;
        left:60px;
    }

    div#rightContentCollections img.logoCollection{
        position:absolute;
        bottom:365px;
        left:55px;
    }

    div#rightContentCollections img.logoPerfectionnement{bottom:365px;}
    div#rightContentCollections img.logoSansPeine{bottom:363px;}
    div#rightContentCollections img.logoPoche{bottom:360px;}

    div#collectionsMenu{
        height:360px;
        width:266px;
        background-color:rgb(204,224,242);
        position:absolute;
        bottom:0;
        right:0;
    }

    div#collectionsMenu h2{
        font-size:22px;
        color:white;
        margin:30px 0 0 10px;
    }

    div#collectionsMenu ul.menuCheckBox li{
        margin-bottom:10px;
    }

    /** FIN COLLECTIONS COMMON **/

    /** POCHE COLLECTION **/
    .poche {
        font-size:14px;
        text-align:justify;
    }

    .poche h5{
        margin-top:10px;
        font-size:18px;
        font-weight:normal;
    }

    .blockIllustrationsPoche{
        background:url(/img/front/visuelPoche.png) no-repeat;
    }

    /** FIN POCHE COLLECTION **/

    /** JEUNESSE COLLECTION **/
    .jeunesse h4{
        margin-bottom:30px;
    }

    div#contentCollections.jeunesse p{
        font-size:18px;
    }

    .jeunesse ul{
        list-style: disc url(/img/front/blueArrow.png) outside;
        font-size:18px;
    }
    .jeunesse ul p{
        color:rgb(112,112,112);
    }
    /** FIN JEUNESSE COLLECTION **/


    /** NOUVEAUTES **/

        /** Dock Caroussel **/
        div#dockCarousel{
            height:150px;
            width:960px;
            margin:0 auto;
            background-color:rgb(229,239,248);
            border:1px solid rgb(90,156,221);
            border-width:1px 0;
        }

        div#dockCarousel .button,#dock{
            float:left;
            height:150px;
        }

        div#dockCarousel .button{
            width:30px;
            position:relative;
        }

        div#dockCarousel .button a{
            display:block;
            height:150px;
        }

        div#dockCarousel .button img{
            position:absolute;
            top:45%;
        }

        div#dockCarousel .previous img{
            left:10px;
        }

        div#dockCarousel .next img{
            right:10px;
        }

        #dock {
            position: relative;
            height: 150px;
            width:900px;
            text-align: center;
            z-index:2;
        }

        #dock-container {
            position: absolute;
            height: 150px;
            padding-left: 20px;
        }

        a.dock-item {
            width:130px;
            position:absolute;
            top:15px;
            text-align:center;
            text-decoration:none;
            font:bold 12px Arial, Helvetica, sans-serif;
        }

        .dock-item img {
            border: none;
            width: 100%;
            margin: 0 auto 5px auto;
        }

        /** FIN Dock Caroussel **/

        /** Contenu Nouveautes **/

        div#itemInfos{
            height:440px;
            padding-top:25px;
            position:relative;
        }

        div#blockImage{
            height:300px;
            float:left;
            padding:0 40px 0 30px;
         }

        div#blockImage img{
            height:100%
        }

        div#blockDescription{
            width:420px;
            height:100%;
            float:left;
            font-size:14px;
            position:relative;
         }

        div#blockDescription h4{
            font-weight:bold;
            font-size:20px;
            margin-top:25px;
            margin-bottom:5px;
        }

        div#nouveauteAuthor{
            color:rgb(0,102,204);
            margin-bottom:50px;
        }

        p#nouveauteNiveau{
            font-size:13px;
            font-weight:bold;
            margin:15px 0;
        }

        p#nouveauteDescription{
            color:rgb(168,168,168);
            text-align:justify;
            overflow: hidden;
            height: 230px;
        }

        div#blockAchat{
            width:250px;
            position:absolute;
            top:25px;
            right:0;
        }

        div#blockAchat div{
          background-color:rgb(204,224,242);
          width:250px;
          height:150px;
          margin-top:5px;
          font-size:11px;
          padding-top:30px;
          font-weight:bold;
        }

        div#blockAchat img{
            margin-left:10px;
        }

        div#blockAchat a{
            position:absolute;
            bottom:10px;
            right:15px;
        }

        #nouveauteLabelMedia{
            margin: 0px 0px 0px 15px;
            color:rgb(0,112,184);
        }

        #nouveautePrice{
            color:black;
            font-size:13px;
        }

        div#blockAuteurInfo{
            font-size:14px;
            text-align:justify;
            background-color:rgb(204,224,242);
            padding-left:10px;
            padding-right:10px;
            height:584px;
        }

        div#photoTitre {
            margin-bottom:10px;
            clear:both;
        }

        div#blockAuteurInfo a{
            float:right;
            margin-right:20px;
            margin-top:5px;
            color:white;
        }

        div#blockAuteurInfo h4{
            display:inline;
            margin:0 5px 10px 0;
            color:rgb(0,112,184);
        }
        
        #nouveauteLienFicheDescription{
            position:absolute;
            bottom:20px;
            right:0px;
        }

        /** FIN Contenu Nouveautes **/

    /** FIN NOUVEAUTES **/

    /** CGVS & DISCLAIMER **/
    div#contentLeftCgv,div#contentLeftDisclaimer{
        padding:0 20px;
        text-align:justify;
    }

    div#contentLeftCgv h2,div#contentLeftDisclaimer h2{
        font-size:13px;
    }

    div#contentLeftCgv ul{
        font-size:11px;
        list-style:none;
    }

    div#contentLeftCgv ul li{
        margin-top:15px;
    }

    div#contentLeftCgv ul li span{
        font-size:13px;
        font-weight:bold;
        color:rgb(0,112,184);
    }

    div#contentLeftCgv ul span.red{
        color:red;
        font-weight:normal;
    }

    div#contentLeftCgv ul a{
        color:black;
        text-decoration:underline;
    }

    div#contentLeftCgv div#boutonSuite{
        margin-top:5px;
        float:right;
    }

    div#contentLeftCgv div#boutonSuite a{
        color:rgb(0,112,184);
        font-size:120%;
    }

    div#contentRightCgv{
        height:170px;
        margin-top:50px;
        padding-top:10px;
        background-color:rgb(204,224,242);
    }

    div#contentRightCgv h2, div#contentRightCgv p{
        font-weight:bold;
        font-size:16px;
        margin-left:10px;
    }

    div#contentRightCgv h2{
        margin-bottom:20px;
    }

    a#navButton{
        position:absolute;
        bottom:100px;
        right:45px;
    }

    div#copyright{
        position:absolute;
        bottom:40px;
        right:45px;
        color:#0070b8;
    }
    /** FIN CGVS & DISCLAIMER **/


    /** DISCLAIMER **/
    div#contentLeftDisclaimer{
        margin-top:50px;
        font-size:12px
    }

    div#contentLeftDisclaimer h2{
        margin-bottom:20px;
        font-size:13px;
        text-transform:uppercase;
    }

    div#contentLeftDisclaimer h4{
        font-size:13px;
        color:rgb(0,112,184);
        margin-top:20px;
    }

    div#contentRightDisclaimer{
        height:440px;
        margin-top:80px;
        background-color:rgb(204,224,242);
        font-size:12px;
        font-weight:bold;
        text-align:justify;
    }

    div#contentRightDisclaimer h2{
        padding:20px 0;
        font-size:18px;
    }


    div#contentRightDisclaimer *{
        margin:0 20px;
    }

    /** FIN DISCLAIMER **/


    /** ADDRESS **/
    h2#addressTitle{
        position:relative;
        left:455px;
        padding-top:110px;
        font-size:25px;
    }

    div#addressText, div#map,div#addressContact{
        height:328px;
    }

    div#map{
        width:425px;
        background:url(/img/front/mapFrance.png) no-repeat;
        float:left;
    }

    div#addressContact{
        background-color:rgb(204,224,242);
        float:left;
        width:553px;
    }

    div#addressContact div{
        color:black;
        font-size:18px;
        margin:25px 0 0 30px;
    }

    div#addressContact div strong{
        color:rgb(0,112,184);
        font-size:20px;
    }

    div#addressContact div#click{
        margin-top:5px;
        color:white;
        font-size:14px;
        font-weight:bold;
    }

    /** FIN ADDRESS **/

    /** REVENDEURS **/
    h4#titreRevendeur{
        padding-top:110px;
        text-align:center;
        font-size:20px;
        font-weight:normal;
        position:relative;
    }

    div#contentRevendeurs{
        height:244px;
        position:relative;
        background-color:rgb(204,224,242);
    }

    div#contentRevendeurs object#imgMap{
        position:absolute;
        top:70px;
        left:90px;
    }

    div#blockFormsRevendeurs {
        height:244px;
        width:530px;
        position:absolute;
        right:0;
        color:rgb(0,112,194);
        font-size:14px;
    }

    div#blockFormsRevendeurs form{
        width:500px;
        margin-top:30px;
    }

    div#blockFormsRevendeurs form img{
        margin-bottom:-2px;
    }

    div#blockFormsRevendeurs #codePostal,div#blockFormsRevendeurs #idPaysDomTom,div#blockFormsRevendeurs #idPaysHorsFrance{
        width:180px;
    }

    img#livreFemmeIllustration{
        display:block;
        position:absolute;
        left:0;
        bottom:40px;
        z-index:2;
    }

    /********************* RECHERCHE COMMUNE ***********************/
    /* Commun aux recherches catalogue et revendeurs */
    h2.titreRecherche{
        font-weight:normal;
        font-size:20px;
        position:absolute;
        left:410px;
    }

    div.blockRecherche{
        position:absolute;
        top:20px;
        right:0;
        width:567px;
        height:565px;
        padding-left:50px;
        background-color:rgb(204,224,242);
    }

    div.enteteRecherche{
        height:70px;
        padding-top:10px;
        border-bottom:2px solid black;
        position:relative;
    }

    div.enteteRecherche p{
        margin-top:10px;
        font-size:18px;
    }
    
    div.enteteRecherche p.results{
        font-weight:bold;
    }

    div.resultatRecherche a{
        display:block;
        margin-top:20px;
        color:black;
        font-size:16px;
    }

    div#pagination {
        position:absolute;
        right:25px;
        bottom:0px;
        font-size:12px;
        color:black;
    }

    div#pagination a {
        color:black;
    }

    div#pagination a.selectedPage {
        color:rgb(0,112,184);
    }

    /********************* FIN RECHERCHE COMMUNE *****************/

    div.revendeurs{
        margin:10px 0;
        font-size:14px;
    }

    div.revendeurs p a{
        color:black;
        text-decoration:none;
    }

    p.revendeursNom, div.revendeurs p.revendeursNom a{
        color:rgb(0,112,184);
        text-decoration:none;
    }

    /** FIN REVENDEURS **/

    /** DESCRIPTION PRODUIT DETAIL **/
    div#detailLeft{
        font-size:14px;
        padding-top:30px;
    }

    div#detailPhotoDescription {
        float:left;
        height:300px;
        padding:0 50px 0 30px;
        margin-bottom:40px;
    }

    div#detailPhotoDescription a img{
        height:100%;
    }

    div#detailPhotoDescription a#lienFeuilletez{
        display:block;
        color:black;
        background:url("../img/front/blackArrow.png") no-repeat left;
        padding-left:10px;
    }

    div#detailHeader{
        margin:70px 50px 0 230px;
    }

    div#detailTitre{
        color:black;
        font-weight:bold;
        font-size:30px;
    }

    .detailAuteur{
        color:rgb(0,102,204);
    }

    .detailNiveau{
        color:black;
        font-size:14px;
    }

    div#isbn{
        color:rgb(153,153,153);
    }

    div#language img{
        border:1px solid white;
    }

    div#language a.activeFlag img{
        border-color:black;
    }

    div#detailDescription{
        clear:left;
        /*height:260px;*/
        margin-left:30px;
        color:rgb(153,153,153);
        text-align:justify;
    }

    div#detailTest{
        margin-top:10px;
    }

    div#detailTest a{
        margin-left:90px;
        text-decoration:none;
        color:rgb(0,112,184);
        font-weight:bold;
        font-size:18px;
    }

    a#boutonRetourFicheProduit{
        position:absolute;
        bottom:20px;
        right:30px;
    }

    div#detailBloc,div#detailText{
        width:280px;
        position:absolute;
        right:0;
    }

    div#detailBloc{
        background-color:rgb(204,224,242);
        top:35px;
    }

    div#detailBloc a#lienAchat{
        position:absolute;
        bottom:0;
        right:0;
    }

    div#detailBloc span.indisponible, div#blockAchat span.indisponible {
        position:absolute;
        bottom:10px;
        right:10px;
        color:red;
        font-size:16px;
        font-weight:normal;
    }

    div#detailBloc ul *{
        font-size:13px;
    }

    div#detailBloc ul li span{
        color:black;
    }

    /* Hauteur en */
    .height1{height:131px;}
    .height2{height:152px;}
    .height3{height:173px;}
    .height4{height:194px;}
    .height5{height:215px;}
    .height6{height:236px;}
    .height7{height:257px;}
    .height8{height:278px;}

    div#detailText{
        bottom:130px;
    }

    div#detailText h5{
        font-size:20px;
        margin-bottom:5px;
    }

    div#detailText h6,div#detailText p{
        color:rgb(0,112,184);
        font-weight:normal;
        text-align:justify;
        margin-right:15px;
    }

    div#detailText h6{
        font-size:14px;
    }

    div#detailText p{
        font-size:12px;
    }

    div#photoRectoVerso a{
        display:block;
        margin:0 auto;
        text-align:center;
    }

    a#linkRectoVerso{
        padding-top:5px;
        color:rgb(0,112,184);
    }

        /** BiBlio Préface Auteur **/
        div#descriptionAuteur{
            position:absolute;
            top:0px;
            display:none;
            visibility:hidden;
            background-color:rgb(204,224,242);
            height:617px;
            width:305px;
            font-size:14px;
            z-index:2;
        }

        div#descriptionAuteur a#fermer{
            text-decoration: none;
            color:white;
            font-weight:bold;
            text-align:right;
            position:relative;
            left:250px;
            top:10px;
        }

        div#descriptionAuteur div#photo{
            border:1px solid;
            width:100px;
            height:130px;
            float:left;
            margin:20px 10px ;
        }

        div#descriptionAuteur div#titre{
            margin:110px 20px 20px 120px;
            width:185px;
            height:40px;
            color:rgb(0,112,184);
            border:1px solid;
        }

        div#descriptionAuteur div#texte{
            margin:10px 20px 0px 10px;
            border:1px solid;
            width:285px;
            height:425px;
            color:black;
            text-align:justify;
        }

        .detailAuteur a{
            margin-left:0px;
            text-decoration:none;
            color:rgb(0,102,204);
        }
        /** FIN BiBlio Préface Auteur **/

    /** DESCRIPTION PRODUIT DETAIL **/

    /** CATALOGUE **/

    div#blockCollection{
        position:absolute;
        top:20px;
        right:0;
        background-color:rgb(204,224,242);
        height:140px;
        width:313px;
        z-index:2;
    }

    div#blockCollection h3{
        color:white;
        font-size:20px;
        margin:17px 0 0 17px;
    }

    div#blockCollection ul *{
        color:rgb(0,112,184);
        list-style:none;
    }

    div#blockCollection ul input{
        margin:0 10px;
    }

    img#livreIllustration{
        display:block;
        height:458px;
        width:643px;
        position:absolute;
        bottom:0;
        left:42px;
    }

    div#blockText{
        width:235px;
        position:absolute;
        right:30px;
        bottom:40px;
    }

    div#blockText p{
        color:rgb(171,168,168);
    }

    div#blockText ul{
        color:rgb(0,102,204);
        font-size:14px;
    }

    div#blockText ul li{
        padding-left:12px;
        list-style:none;
        background:url(/img/front/blueArrow.png) center left no-repeat;
    }

    div#blockText ul a{
        color:rgb(0,102,204);
        text-decoration:none;
    }

    div#blockText ul li{
        margin-top:10px;
    }

    div#contentSearchCatalogue ul.errors {
        margin-left:205px;
        padding-top:10px;
        font-size:14px;
    }

    div#listeLangue{
        position:absolute;
        height:90px;
        left:130px;
        top:45px;
        color:rgb(0,102,204);
        font-size:20px;
    }

    div#listeLangue div.blockLangue{
        float:left;
    }

    div#listeLangue div.blockLangue div{
        padding:4px 0;
        height:30px;
    }

    div#listeLangue div.labelItems{
        padding-right:10px;
    }

    div#listeLangue div.labelItems div{
        width:220px;
        text-align:right;
    }

    div#listeLangue div.selectItems div{
        padding-top:5px;
    }

    div#listeLangue div.blockLangue img{
        padding-right:10px;
    }

    div#listeLangue select{
        border:1px solid rgb(43,135,198);
        width:220px;
    }

    input#searchButton{
        display:block;
        height:78px;
        width:227px;
        position:absolute;
        right:67px;
        top:195px;
    }

        /** Contenu de la recherche catalogue **/
        div#infosRecherche{
            position:absolute;
            width:250px;
            left:65px;
            top:20px;
        }

        div#infosRecherche div#detailPhoto{
            position:absolute;
            right:0px;
            height:300px;
            padding-top:20px;
        }

        div#infosRecherche div#detailPhoto img{
            height:100%;
        }

        div#criteresRecherche{
            color:rgb(171,168,168);
            font-size:14px;
            text-align:right;
        }

        div#criteresRecherche h2{
            font-size:16px;
            color:black;
        }

        div.blockRechercheCatalogue {
            height:500px;
            width:617px; /* surcharge de blockRecherche */
            padding-left:0; /* surcharge de blockRecherche */
            overflow-y:scroll;
        }

        div.blockRechercheCatalogue .catalogueItem{
            margin:0 0 15px 0;
        }

        div.blockRechercheCatalogue .catalogueItem h4{
            margin:0;
            color:white;
            background-color:#0070b8;
            padding-left:10px;
            margin-bottom:10px;
        }

        div.blockRechercheCatalogue .catalogueItem div.catalogueLangueCible h4{
            font-size:16px;
            color:red;
            padding:15px 0 0 10px;
            margin-bottom:-30px;
            font-weight:normal;
            background-color:transparent;
        }

        div.catalogueLangueCible ul{
            list-style-type:none;
        }

        div.catalogueLangueCible ul li *{
            margin:0;
            padding:0;
        }

        div.catalogueLangueCible ul li h5{
            color:rgb(0,112,184);
            font-size:14px;
            font-weight:normal;
            padding-left:10px;
            padding-top:15px;
        }

        div.catalogueLangueCible ul li ul li a{
            color:black;
            font-size:16px;
            padding-left:10px;
        }

        a#btnSearchCatalogue{
            position:absolute;
            bottom:20px;
            right:50px;
        }

        /** FIN Recherche catalogue **/

    /** FIN CATALOGUE **/

    /** CONTACTEZ-NOUS **/

    img#femmeIllustration{
        display:block;
        position:absolute;
        right:640px;
        top:50px;
        width:229px;
        height:380px;
        z-index:2;
    }

    div#contactText{
        position:absolute;
        bottom:28px;
        left:37px;
        height:190px;
        width:265px;
        color:rgb(0,112,184);
        font-size:28px;
        z-index:3;
    }

    div#blockContact{
        position:absolute;
        bottom:28px;
        right:0;
        width:684px;
        height:583px;
        background-color:rgb(204,224,242);
    }

    div#blockContact span.messageEnvoye {
        position:absolute;
        margin-top:150px;
        margin-left:45px;
    }

    div#formContactTitle {
       width:400px;
       margin:10px 0 0 50px;
    }

    div#formContactTitle *{
        display:block;
        float:left;
    }

    div#formContactTitle div{
        float:right;
    }

    div#formContactTitle input,div#formContactTitle label{
        margin-left:2px;
    }
    div#formContactTitle label{
        margin-right:10px;
    }

    span#mandatoryInput{
        position:absolute;
        top:10px;
        right:20px;
        color:red;
    }

    div#blockChamps{
        margin:10px 0 0 50px;
        font-size:14px;
    }

    div#blockChamps div{
        clear:both;
        height:25px;
        padding:8px 0;
    }

    div#blockChamps label,div#blockChamps input,div#blockChamps select{
        display:block;
        float:left;
        height:25px;
        line-height:25px;
    }

    /*div#blockChamps span{
        width:200px;
        float:right;
        margin-top:-18px;
        padding-right:10px;
    }*/

    div#blockChamps label{
        width:150px;
    }

    div#blockChamps input, div#blockChamps select{
        width:250px;
        height:23px;
        border:1px solid rgb(78,153,211);
    }

    div#blockChamps span.obligatoire{
        color:red;
    }

    div#blockTextArea{
        clear:both;
        font-size:14px;
        margin:5px 0 10px 50px;
    }

    div#blockTextArea label{
        display:block;
    }

    div#blockTextArea textarea{
        border:1px solid rgb(78,153,211);
        width:400px;
        height:110px;
    }

    div#formOffres{
        font-size:14px;
        margin-left:50px;
    }

    div#formOffres input, div#formOffres label{
        margin-right:10px;
    }

    #boutonEnvoi{
        position:absolute;
        bottom:70px;
        right:25px;
        border:0;
    }

    input#boutonEnvoi:hover{
        cursor:pointer;
    }

    /** FIN CONTACTEZ-NOUS **/

    /**  E-LEARNING **/

    img#illustrationElearning{
        position:absolute;
        bottom:0;
        left:0;
        bottom:0;
    }

    div#blockSeFormer{
        position:absolute;
        top:70px;
        left:40px;
    }

    div#blockSeFormer h3{
        font-size:30px;
        font-weight:lighter;
        margin-bottom:40px;
    }

    div#blockSeFormer p{
        color:rgb(160,160,160);
    }

    div#blockSeFormer span.noSpace{
        margin-left:-6px;
    }

    div#blockLink {
        margin-top:100px;
    }

    div#blockLink a{
        display:block;
        margin-bottom:10px;
        color:rgb(220,0,46);
    }

    div#blockFicheProduit{
        position:absolute;
        right:0px;
        width:470px;
        height:470px;
        font-size:14px;
        margin:50px 0  0 50px;
        background-color:rgb(204,224,242);
    }

    div#blockDebutant, div#blockAnglophone{
        position:absolute;
        top:-20px;
    }

    div#blockDebutant{
        left:-8px;
    }

    div#blockAnglophone{
        left:250px;
    }

    div#blockFicheProduit ul li{
        height:21px;
        margin-bottom:12px;
        list-style-type:none;
        padding-left:28px;
        background:url(/img/front/checkboxNonCoche.png) center left no-repeat;
    }

    div#blockFicheProduit ul a{
        color:rgb(0,112,184);
        font-size:14px;
        text-decoration:none;
    }

    div#blockFicheProduit ul a:hover{
        border-bottom: 2px solid rgb( 220, 0, 46 );
    }

    div#blockFicheProduit h4{
        margin-bottom:20px;
        padding-left:18px;
        font-size:14px;
        font-weight:normal;
    }

       /** E-LEARNING / CommentCaMarche **/

        div#blockElearning{
            margin:30px 40px 0 40px;
            font-size:14px;
            color:rgb(171,168,168);
            text-align:justify;
        }

        div#blockElearning h3{
            font-size:30px;
            font-weight:normal;
            margin-bottom:20px;
            color:black;
        }

        div#blockElearning h4{
            font-size:20px;
            font-weight:normal;
            color:rgb(171,168,168);
            margin-bottom:5px;
        }

        div#blockElearning p{
            margin-bottom:20px;
        }

        p#blockSimplicite a{
            color:rgb(83,83,83);
        }

        p#blockCoursComplet a{
            color:rgb(171,168,168);
            text-decoration:underline;
        }

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

        div#configRecommande{
            position:absolute;
            right:0;
            background-color:rgb(204,224,242);
            width:300px;
            height:144px;
            font-size:14px;
            margin-top:110px;
        }

        div#configRecommande h4{
            margin:10px 0 20px 17px;
        }

        div#configRecommande ul{
            margin-left:10px;
        }

        div#configRecommande ul li{
            height:21px;
            margin-bottom:12px;
            list-style-type:none;
            color:rgb(0,112,184);
            background:url(/img/front/blueArrow.png) center left no-repeat;
            padding-left:15px;
        }

        /** FIN E-LEARNING / CommentCaMarche **/

    /** FIN E-LEARNING **/

    /** PARTENAIRES **/
    h2#partenaireTitle{
        position:relative;
        left:455px;
        padding-top:110px;
        font-size:25px;
    }

    div#blocPartenaire{
        height:350px;
    }

    div#textPartenaire{
        height:350px;
        width:540px;
        float:right;
        background-color:rgb(204,224,242);
        padding-left:30px;
    }

    div#textPartenaire h4{
        color:rgb(0,112,184);
        font-weight:bold;
        margin-top:50px;
    }

    div#logos{
        height:350px;
        float:left;
    }

    div#logos img{
        display:block;
        padding-left:100px;
        margin-top:50px;
    }
    /** FIN PARTENAIRES **/

    /** Page PANIER **/
    img#panierFemmeIllustration{
        display:block;
        position:absolute;
        left:6px;
        bottom:202px;
        z-index:2;
    }

    img#panierImage{
        display:block;
        position:absolute;
        left:95px;
        bottom:446px;
        z-index:3;
    }

    div#panierVide{
        background-color:rgb(204,224,242);
        text-align:center;
        font-size: 20px;
        font-weight:bold;
        height:50px;
    }

    div#cadrePanier{
        position:absolute;
        bottom:202px;
        right:0;
        width:854px;
        height:252px;
        padding-top:90px;
        background-color:rgb(204,224,242);
        font-size:15px;
    }

    div#logCorporate{
        position:absolute;
        bottom:0px;
        right:0;
        width:688px;
        height:241px;
        padding-top:0px;
        background-color:rgb(204,224,242);
        font-size:15px;
    }

    img#femmeCorporate{
        display:block;
        position:absolute;
        left:-30px;
        bottom:-26px;
        z-index:2;
    }
    
    img#personnages_bulding{
        position:absolute;
        bottom:455px;
        right:-50px;
        z-index:2;
    }

    div#clientCorporate, div#pasClientCorporate{
        width:310px;
        height:190px;
        float:right;
        font-size:14px;
        padding:0px 20px 0px 0px;
    }

    span#blockTitreLogCorporate {
        width:600px;
        float:left;
        margin-left:12px;
    }

    div#blockTexte1, div#blockTexte2, div#blockTexte3 {
        bottom:295px;
        position:absolute;       
        width:300px;
        height:176px;
        text-align:justify;
        float:left;
        margin-left:12px;
    }

    div#blockTexte2 {
        left:324px;
    }

    div#blockTexte3 {
        left:648px;
    }

    .align_bas {
        position:absolute;
        bottom:0px;
    }

    .corporateBlackBold12{
        font-weight:bold;
        font-size:12px;
    }

    .corporateGrey12{
        font-size:12px;
        color:rgb(160,160,160);
    }

    .corporateBlueBold12{
        font-weight:bold;
        font-size:12px;
        color:rgb(0,102,172);
    }

    .corporateBlack40{
        font-size:40px;
    }

    .corporateGrey40{
        font-size:40px;
        color:rgb(160,160,160);
    }

    a#panierBoutonValider,a#panierBoutonContinuer{
        position:absolute;
    }

    a#panierBoutonContinuer{
        bottom:160px;
        left:160px;
    }

    a#panierBoutonValider{
        bottom:170px;
        right:10px;
    }

        /* Tableau recapitulatif du panier (commun au panier et a la commande) */
        div#panierTableau{
            height:95%;
            margin-left:30px;
            overflow-y:auto;
        }

        div#panierTableau table{
            width:95%;
            border-collapse:collapse;
        }

        div#panierTableau table th{/* Header et footer */
            padding:0 5px;
            border-bottom:1px solid black;
            text-align:center;
            color:black;
        }

        div#panierTableau table tr.premier td{
            padding-top:5px;
        }

        div#panierTableau table thead th.panierThArticleColumn,div#panierTableau table tfoot th.labelColumn{
            text-align:left;
        }

        div#panierTableau table tfoot th{
            padding-top:30px;
        }

        div#panierTableau table td{
            text-align:right;
            color:rgb(0,112,184);
            height:46px;
        }

        div#panierTableau table tr.code_promo td{
            text-align:right;
            color:black;
            height:46px;
        }

        div#panierTableau table tr.code_promo td.labelColumn{
            text-align:left;
            padding-left:5px;
        }

        div#panierTableau table td.panierLigneArticle *{
            float:left;
        }

        div#panierTableau table td.panierLigneArticle div{
            margin:10px 0 0 5px;
        }

        div#panierTableau table td.panierLigneArticle{
            text-align:left;
        }

        div#panierTableau table td.panierLigneArticle img{
            height:40px;
        }

        .panierLigneArticle a{
            color:rgb(0,112,184);
        }

        div#panierTableau table .panierModifier{
            color:black;
        }

        div#panierTableau table .panierModifier a{
            color:black;
            font-weight:bold;
            text-decoration:none;
        }

        div#panierTableau table td,div#panierTableau table th{
            text-align:right
        }



        div#panierTableau table.blocCode_promotion {
            text-align:left;
            width:auto;
        }

        div#panierTableau table.blocCode_promotion td {
            padding-left:5px;
        }

        div#panierTableau table td.ligneCode_promotion {
            color:black;
            font-size:12px;
        }

        #code_promotion {
            border:solid 1px rgb(0,112,184);
        }

        /* Fin Tableau recapitulatif du panier (commun au panier et a la commande) */

    /** FIN Page PANIER **/

    /** ACHAT **/

        /** ACHAT / Identification & MON COMPTE **/

           div#blockMonCompte{
                position:absolute;
                top:100px;
                right:0px;
                width:845px;
                height:320px;
                background-color:rgb(204,224,242);
                border-top:solid 1px rgb(0,112,184);
            }

            div#client, div#pasClient{
                width:310px;
                height:190px;
                float:left;
                font-size:14px;
                padding:50px 0 0 50px;
            }

            div#client h4, div#pasClient h4, div#clientCorporate h4, div#pasClientCorporate h4 {
                margin:0 0 5px 10px;
                font-weight:normal;
            }

            div#client form, div#pasClient div#encadre, div#clientCorporate form, div#pasClientCorporate div#encadre{
                height:160px;
                border:solid 1px white;
                position:relative;
            }

            div#client form div#cadreChamps, div#clientCorporate form div#cadreChamps{
                padding:25px 0 0 5px;
            }

            div#client form div#cadreChamps div, div#clientCorporate form div#cadreChamps div{
                height:25px;
                margin-top:10px;
            }

            div#client label, div#client input, div#clientCorporate label, div#clientCorporate input{
                display:block;
                float:left;
                width:145px;
            }

            div#client label, div#clientCorporate label{
                color:rgb(0,112,184);
            }

            div#client input, div#clientCorporate input{
                border:1px solid rgb(0,112,184);
            }

            div#client input#accederCompte, div#clientCorporate input#accederCompte{
                position:absolute;
                border:none;
                display:block;
                width:239px;
                right:5px;
                bottom:5px;
            }

            div#client #imgEnvoyerMotDePasse, div#clientCorporate #imgEnvoyerMotDePasse{
                position:absolute;
                border:none;
                right:15px;
                bottom:15px;
            }

            div#client.oubliMdp div, div#clientCorporate.oubliMdp div{
                padding:25px 0 0 5px;
            }

            div#pasClient a, div#pasClientCorporate a{
                position:absolute;
                right:5px;
                bottom:5px;
            }

            a#forgotPassword{
                margin-left:5px;
                font-size:12px;
                color:black;
            }

            input#imgAccederCompte, input#imgEnvoyerMotDePasse{
                cursor:pointer;
            }

            div#client ul.errors, div#clientCorporate ul.errors{
                margin-bottom:-20px;
                margin-top:0px;
            }

            div#encadre div{
                margin:10px 10px 0 10px;
                text-align:justify;
            }

            a#imgRetour {
                position:absolute;
                top:540px;
                right:50px;
            }

            div#achatMenu ul{
                position:relative;
                top:-28px;
            }

            div#achatMenu li{
                display:inline;
                font-size:18px;
                margin-left:15px;
                color:rgb(0,112,184);
                border:solid 1px rgb(0,112,184);
                background-color:white;
            }
            div#achatMenu a{
                color:rgb(0,112,184);
            }

            div#achatMenu li{
                height:100px;
                border:solid 1px rgb(0,112,184);
                padding:3px 20px;
            }

            div#achatMenu li.menuAchatActif, div#achatMenu li.menuAchatActif a{
                background-color:rgb(0,112,184);
                color:white;
            }

            /** FIN ACHAT / Identification & MON COMPTE **/

            /** ACHAT / Adresse **/

            div#blockAchatAdresse, div#blockAdresse{
                position:absolute;
                top:30px;
                right:0px;
                width:845px;
                height:507px;
                background-color:rgb(204,224,242);
                border-top:solid 1px rgb(0,112,184);
            }

            div#blockAdresse form {
                margin-top:10px
            }

            div#blockAchatPaiement{
                position:absolute;
                top:30px;
                right:0px;
                width:845px;
                height:380px;
                background-color:rgb(204,224,242);
                border-top:solid 1px rgb(0,112,184);
            }

            div#blockAchatRecap{
                position:absolute;
                top:30px;
                right:0px;
                width:845px;
                height:260px;
                background-color:rgb(204,224,242);
                border-top:solid 1px rgb(0,112,184);
            }

            div#blockLoiInfoEtLiberte{
                position:absolute;
                bottom:20px;
                right:0;
                margin-right:10px;
                font-size:11px;
                font-weight:bold;
                width:835px;
                color:rgb(171,168,168);
                text-align:justify;
            }

            div#achatClient, #formAchatWording, #formAchatInput{
                float:left;
            }

            div#achatClient, #zoneAdresseLivraison{
                position:relative;
                top:-10px;
            }

            div#formAchatTitle h4{
                display:inline;
                margin-right:93px;
                font-size:20px;
                font-weight:lighter;
            }

            div#formAchatTitle input{
                margin-right:5px;
            }

            div#formAchatTitle input{
                margin-left:5px;
            }

            div#formCompteTitle{
                margin-left:10px;
            }

            div#formCompteTitle h4{
                display:inline;
                margin-right:93px;
                font-size:20px;
                font-weight:lighter;
            }

            div#formCompteTitle input{
                margin-right:5px;
            }

            div#formCompteTitle input{
                margin-left:5px;
            }

            div#blockChampsAdresse{
                margin:10px 0 0 10px;
                font-size:14px;
            }

            div#blockChampsAdresse div{
                width:455px;
                height:25px;
                padding:0 0 2px 0;
            }

            div#blockChampsAdresse input{
                display:block;
                height:18px;
                border:solid 1px rgb(0,112,184);
            }

            div#blockChampsAdresse select, div#formAdresseLivraison select{
                height:21px;
                border:solid 1px rgb(0,112,184);
            }

            div#blockChampsAdresse label{
                float:left;
                line-height:18px;
                width:200px;
            }

            div#blockChampsAdresse input{
                width:250px;
            }

            div#blockChampsAdresse select{
                width:252px;
            }

            div#blockChampsAdresse span.champObl{
                font-size:12px;
                color:red;
            }

            #formAchatInput select{
                height:22px;
            }

            div#formAdresseLivraison label, #formAdresseLivraison input{
                display:block;
            }

            div#achatClient label{
                margin-bottom:18px;
            }

            div#achatClient input, #achatClient select{
                margin-bottom:15px;
            }

            div#achatClient input, #formAdresseLivraison input{
                border:solid 1px rgb(0,112,184);
            }

            div#blockAchatAdresse #formOffres, div#blockAdresse #formOffres{
                position:absolute;
                bottom:10px;
                clear:both;
            }

            div#blockAchatAdresse #formOffres input, #formOffres label{
                margin-right:10px;
            }

            div#achatClient,#blockAchatAdresse #formOffres, #blockAdresse #formOffres{
                margin-left:15px;
            }

            div#zoneAdresseLivraison{
                position:absolute;
                top:15px;
                right:0px;
                width:350px;
            }

            div#formAdresseLivraison{
                display:none;
                padding:5px 0 5px 5px;
                border:solid 1px white;
                border-right:0;
            }

            div#formAdresseLivraisonTitle{
                margin:12px 0 5px;
            }

            div#formAdresseLivraisonTitle p{
                margin:10px 0 20px;
            }

            div#formAdresseLivraisonTitle label{
                color:rgb(0,112,184);
                font-size:14px;
                font-weight:bold;
            }

            div#formAdresseLivraison label, #formAdresseLivraison select{
                font-size:14px;
            }

            div#formAdresseLivraison label{
                font-size:14px;
                margin:4px 0;
                color:white;
            }

            div#formAdresseLivraison input{
                width:270px;
            }

            #formAdresseLivraison select{
                width:272px;
            }

            input#imgJeValide{
                position:absolute;
                bottom:20px;
                right:30px;
                height:23px;
                width:130px;
            }

            input#imgCreerCompteBleu{
                position:absolute;
                bottom:10px;
                right:30px;
                height:28px;
                width:187px;
            }

            ul.errors {
                list-style-type:none;
                color:red;
                font-size:12px;
                margin-bottom:10px;
            }

            div#achatClient input.error, div#client input.error, div#clientCorporate input.error, div#formAdresseLivraison input.error, div#blockContact input.error,
            div select#paysFacturation.error, div select#paysLivraison.error, div#blockContact textarea.error,div#blockChampsAdresse input.error,
            div#recalculPromotion input.error{
                background-color:rgb(255,204,204);
                border:solid 1px rgb(255,102,102);
            }

            span.error {
                position:absolute;
                color:red;
                font-size:12px;
                top:10px;
            }

            /** Fin ACHAT / Adresse **/
            
            /** ETAPE3/paiement **/

            .cadrePanierCommande{
                width:845px;
                position:absolute;
                right:0;
                top:80px;
                height:330px;
            }

            .cadrePanierCommande div#panierTableau{/* Surcharge de div#panierTableau*/
                height:260px;
            }

            .cadrePanierCommande div#panierTableau table tfoot th{/* Surcharge de div#panierTableau*/
                /*color:black;*/
            }

            .cadrePanierCommande div#panierTableau table tfoot th{/* Surcharge de div#panierTableau*/
                /*border-color:white;*/
            }

            div#panierTableau table tfoot tr.fdp th{/* Surcharge de div#panierTableau*/
                border:none;
            }

            div#panierTableau table tr.fdp th.labelColumn a{
                text-decoration:underline;
                color:black;
                font-weight:normal;
                padding:0 2px;
            }

            div#panierCV{
                color:rgb(0,112,184);
                font-size:14px;
                font-weight:bold;
                text-align:left;
                position:absolute;
                bottom:5px;
                left:30px;
            }

            div#panierCV a{
                margin-left:5px;
                color:rgb(0,112,184);
                text-decoration:underline;
            }

            .panierBoutonsOptions{
                float:left;
                width:850px;
                margin:420px 0px 80px 160px;
            }

            div#modeReglement{
                width:65%;
                position:absolute;
                bottom:115px;
                left:150px;
            }

            div#modeReglement p,div.blockModeRegl{
                float:left;
            }

            div#modeReglement p{
                font-size:14px;
                font-weight:bold;
                position:relative;
                top:60px;
            }

            div#modeReglement div.blockModeRegl{
                font-size:12px;
                width:120px;
            }

            div#modeReglement div.blockModeRegl img{
                display:block;
                height:47px;
                width:60px;
                margin:0 auto;
                padding-bottom: 15px;
            }

            div#modeReglement div.blockModeReglCB{
                font-size:12px;
                width:180px;
            }

            div#modeReglement div.blockModeReglCB img{
                margin-left: -70px;
                position: relative;
                width:260px;
            }

            div#modeReglement div.blockModeRegl div{
                text-align:center;
            }

            div#finaliseCommande{
                float:right;
                margin-right:20px;
            }

            img#panierBoutonContinuer{
                position:absolute;
                bottom:160px;
                left:160px;
            }

            img#panierBoutonValider, input#panierBoutonFinaliser{
                position:absolute;
                bottom:170px;
                right:10px;
            }

            input#panierBoutonFinaliser{
                bottom:115px;
            }
            
            div#modeReglement div#infosModeReglement{
                color:rgb(0,112,184);
                font-size:11px;
                position:absolute;
                top:95px;
                left:105px;
                text-align:justify;
                font-weight:normal;
            }

             span#CH,span#TEL{
                visibility:hidden;
                display:none;
            }

            /** FIN ETAPE3/paiement **/

            /** Fin Recapitulatif Etape4 **/

            .cadrePanierRecap{
                position:absolute;
                right:0;
                top:80px;
                width:845px;
                font-size:14px;
            }

            div#numCommande{
                color:rgb(0,112,184);
                font-size:18px;
                font-weight:bold;
                margin: 0px 0px 10px 30px;
            }

            div.cadrePanierRecap div#panierTableau{
                height:170px;
            }

            div.cadrePanierRecap div#panierTableau table td{
                height:auto;
                padding:2px 0;
            }
            
            div.cadrePanierRecap div#panierTableau table tfoot th{/* Surcharge de div#panierTableau*/
                /*color:white;
                border-color:white;*/
            }

            div.cadrePanierRecap div#panierTableau table td.panierLigneArticle *{
                float:none;
            }

            div.cadrePanierRecap div#panierTableau table tr.premier td{
                padding-top:5px;
            }

            div.cadrePanierRecap div#panierTableau table td.panierLigneArticle{
                padding-left:5px;
            }
            
            div.cadrePanierRecap div#panierTableau table tfoot th{
                padding-top:15px;
            }

            .panierTotalRecapTitre{
                font-size:16px;
                font-weight:bold;
                color:white;
                text-align:left;
                border-bottom:1px solid;
                }
            .panierTotalRecapMontant{
                font-size:16px;
                font-weight:bold;
                color:white;
                text-align:center;
                border-bottom:1px solid;
            }
            div#recapInfosCommande{
                position:absolute;
                top:310px;
                left:180px;
                width:820px;
            }

           div#reglementCoordonnees{
                font-size:14px;
                color:rgb(0,112,184);
                padding-top:20px;
            }

            div#reglementCoordonnees div.blocCoordonnees{
                float:left;
                margin-right:10px;
            }

            div.blocCoordonnees h4{
                font-size:14px;
            }

            div#recapModeReglement{
                width:720px;
            }

            div#recapModeReglement h4{
                font-size:14px;
            }

            div#recapModeReglement div{
                font-size:14px;
                margin-bottom:10px;
            }

            div#remerciements{
                clear:both;
                padding-top:20px;
                font-size: 16px;
                font-weight: bold;
            }

            a#boutonImprimer{
                position: absolute;
                right:50px;
            }

            a#boutonContinueAchat{
                position:absolute;
                right:60px;
                bottom:5px;
            }

                /** Annulation commande **/
                div#commandeAnnulee {
                    position:absolute;
                    left:200px;
                    top:80px;
                }

                div#commandeAnnulee a#boutonContinueAchat {
                    position:absolute;
                    left:550px;
                    top:170px;
                }
                /** Fin Annulation commande **/

            /** Fin Recapitulatif Etape4 **/

        /** Fin ACHAT **/

        /** ACCUEIL **/
        div#blockAccueil{
            height:840px;
            width:982px;
            margin:0 auto;
            position:relative;
            background:url(/img/front/imageAccueil.png) no-repeat;
        }

        div#blockAccueil.accueilVideo{
            background:url(/img/front/imageAccueilVideo.png) no-repeat;
        }

        div#blockAccueil.accueilVideo #video{
            position:relative;
            top:128px;
            left:13px;
            height:419px;
            width:957px;
        }

        div#blockAccueil img#logoAnime{
            position:absolute;
            left:15px;
            top:10px;
            background:url(/img/front/logoAssimilAnime.gif) no-repeat;
            z-index:2;
        }

        div#blockAccueil p{
            position:absolute;
            top:513px;
            right:33px;
            font-size:20px;
            color:rgb(170,170,170);
        }

        div#blockAccueil a#imgMap{
            z-index:2;
            position:absolute;
            top:128px;
            left:13px;
            display:block;
            height:419px;
            width:957px;
        }

        div#blockAccueil #video{
            position:absolute;
            top:128px;
            left:13px;
            height:419px;
            width:957px;
        }


        div#blockAccueil p img{
            position:relative;
            top:5px;
            padding-right:5px;
        }

        div#blockAccueil p span, div#blockAccueil p a, div#blockAccueil p a:visited{
            color:rgb(0,112,184);
        }

        div#blockAccueil p a:hover{
            border-bottom: 2px solid rgb( 220, 0, 46 );
        }

        div#blueStripIndex{
            height:59px;
            width:100%;
            position:absolute;
            top:509px;
            background-color:rgb(178,208,235);
            z-index:-1;
        }

        #skipLinks{
            position: absolute;
            top:550px;
            font-size:14px;
            text-align:center;
            width:100%;
            margin:0 auto;
        }

        #skipLinks p{
            width:950px;
            margin:0 auto;
            text-align:left;
        }

        #skipLinks,#skipLinks a,#skipLinks a:hover,#skipLinks a:visited{
            color:white;
            font-weight:bold;
        }

        #paiementCB{
            position: absolute;
            top:568px;
            font-size:14px;
            text-align:center;
            width:100%;
            margin:0 auto;
        }

        /** FIN ACCUEIL **/
        
    /** PARTENAIRES **/
    div#partenaireTitre{
        margin: 190px 0px 30px 400px;
        font-weight:bold;
        font-size:22px;
    }

    .logoPartenaire{
        float:left;
        width:180px;
        height:100px;
        margin:0px 40px 0px 100px;
    }

    .textPartenaire{
        width:570px;
        height:100px;
        float:left;
        position:relative;
        z-index:1;
        margin:0px 0px 50px 80px;
    }

    div#cadrePartenaire{
        background-color:rgb(204,224,242);
        float:right;
        position:absolute;
        bottom:243px;
        left:374px;
        width:624px;
        height:350px;
        z-index:0;
    }

    .textPartenaire span.tire{
        color:rgb(0,112,184);
        font-weight:bold;
        display:block;
        margin:10px 0px 0px 0px;
    }
    /** FIN PARTENAIRES **/

    /** NEWSLETTER **/
    div.newsletter {
        position:absolute;
        bottom: 0;
        right: 0;
        width: 255px;
        height: 130px;
    }
    div.newsletter div {
        position:absolute;
        bottom: 20px;
    }
    div.newsletter input[type="text"] {
        width: 235px;
        background-color:rgb(229,239,248);
        border:1px solid rgb(0,112,184);
        color:rgb(202, 78, 81);
    }
    div.newsletter input.error {
        background-color:rgb(255,204,204);
        border:solid 1px rgb(255,102,102);
    }
    div.newsletter input[type="image"] {
        float: right;
        margin-right:18px;
        margin-top:5px;
    }
    /** FIN NEWSLETTER **/