/* --- CONTAINER --- */
@import url("content.css");
@import url("superfish.css");
@import url("jibouleslider.css");

body {
    margin              : 0;
    padding             : 0;
    color               : #000;
    background          : #FFF;
}
br.clearfloat {
    clear               : both;
    height              : 0;
    font-size           : 1px;
    line-height         : 0px;
}

#container {
    width               : 980px;
    margin              : 0 auto;
    background          : #FFF;
}
/* *********************************************************************************************************************************************************** */
/* --- HEADER --- */
#header {
    position            : relative;
    z-index             : 50;
    height              : 153px;
    _height             : 153px;
    *height             : 153px;
}
#logo {
    border              : none;
}
#header_background {
    padding             : 0;
    margin              : 0 0 0 72px;
}
#header_background a {
    margin              : 22px 0 0 0;
    float               : left;
}
#pefc {
    float               : left;
    padding             : 20px 0 0 0;
    margin              : 0 0 0 43px;
}
#pefc a {
    margin              : 0;
}
#header-tool {
    float               : left;
    margin              : 0 0 0 38px;
    padding             : 0;
}
#header-tool #separateur {
    margin              : 0 11px 0 0;
    float               : left;
    border              : none;
}
#catalogue {
    float               : left;
    padding             : 0;
}
#catalogue a {
    margin              : 0;
}
#form {
    float               : left;
    padding-top         : 22px;
    margin-left         : 9px;
    width               : 140px;
}
#form select {
    width               : 130px;
    font-size           : 10px;
    height              : 20px;
}
#search {
    margin              : 4px 0 2px 0;
    width               : 70px;
}
#form-search {
    position            : relative;
}
#search-input-text {
    height              : 14px;
    width               : 130px;
    font-size           : 10px;
}
#search-submit {
    position            : absolute;
    right               : 11px;
    top                 : 4px;
}
#lien {
    float               : left;
    padding-top         : 10px;
}
#lien div {
    width               : 120px;
}
#lien #twitter {
	padding-left: 27px !important;
	background : url('../images/commun/twitter.png') top left no-repeat;
	height : 18px;
}
#lien #twitter:hover {
	background : url('../images/commun/twitter_hover.png') top left no-repeat;
}
#lien #facebook {
	padding-left: 27px !important;
	background : url('../images/commun/facebook.png') top left no-repeat;
	height : 18px;
}
#lien #facebook:hover {
	background : url('../images/commun/facebook_hover.png') top left no-repeat;
}
#lien #liste {
	padding-left: 27px !important;
	background : url('../images/commun/liste.png') top left no-repeat;
	height : 18px;
}
#lien #liste:hover {
	background : url('../images/commun/liste_hover.png') top left no-repeat;
}
#lien #pro {
	padding-left: 27px !important;
	background : url('../images/commun/pro.png') top left no-repeat;
	height : 18px;
}
#lien #pro:hover {
	background : url('../images/commun/pro_hover.png') top left no-repeat;
}
.pas_de_vente {
    display             : none;
}
#lien a, #lien a:link, #lien a:visited, #lien a:hover {
    color               : #FFF;
    text-decoration     : none;
    padding             : 0;
    margin              : 0 0 3px 0;
}
#espace-pro a, #espace-pro a:link, #espace-pro a:visited, #espace-pro a:hover {
    color               : #FFF;
    text-decoration     : none;
}
/* *********************************************************************************************************************************************************** */
/***** header menu ****/
#header_menu {
    /*margin-top          : 11px;*/
    /*_margin-top         : 0;
    *margin-top         : 0;*/
    width               : 980px;
    text-align          : center;
    /*position            : relative;*/
    z-index             : 50;
    /*height              : 25px;*/
    position            : absolute;
    bottom              : 0;
    left                : 0;
}
#header ul.ul-niv1 {
    padding             : 0 20px;
    margin              : 0;
    text-align          : center;
    _height             : 25px;
    position            : relative;
    z-index             : 50;
}
#header li.li-niv1 {
    display             : inline;
    list-style          : none;
    margin              : 0;
    position            : relative;
}
#header li.separateur {
    padding             : 7px 0 0 0;
    background          : none;
}
#header li.li-niv1 a, #header li.li-niv1 a:link, #header li.li-niv1 a:visited {
    text-decoration     : none;
    font-weight         : bold;
    padding             : 4px 14px;
    font-size           : 12px;
    background          : none;
    text-transform      : uppercase;
}
#header ul.ul-niv2 {
  /*  filter              : alpha(opacity=90) !important;
    -moz-opacity        : 0.9;
    -khtml-opacity      : 0.9;
    opacity             : 0.8;*/
    padding-top         : 5px;
    _padding-top        : 10px;
    top                 : 25px;
    /*width               : 180px;*/
    text-align          : left;
    position            : absolute !important;
    width               : 280px !important;
    z-index             : 200;
}
#header_menu ul li ul li {
    height                : auto !important;
}/*
#header ul.ul-niv2 {
    opacity            : 0.9;
    filter             : alpha(opacity=90) !important;
    width              : 960px;
    padding            : 10px;
    position           : absolute;
    text-align         : left;
    left               : 0;
    top                : 150px;
    min-height         : 70px;
    height             : auto !important;
    margin             : 2px 0 0 0 !important;
    background         : #fdfdfd  !important;
    z-index            : 80;
}*/
#header ul ul li.li-niv2 {
    background         : none;
    float              : none!important;
    z-index            : 200;
    padding             : 0 !important;
}
#header ul ul li.first {
    padding-top         : 10px;
}
#header li.img {
    position            : absolute;
    float               : left;
    padding-left        : 20px;
    padding-top         : 25px;
    _top                : 25px !important;
    *top                : 25px !important;
    _left               : 0 !important;
    z-index             : 99;
    *left               : 0 !important;
}

#header li.li-niv2 a, #header li.li-niv2 a:link, #header li.li-niv2 a:visited {
    padding             : 5px 10px;
    background          : none;
    font-weight         : normal;
    font-size           : 13px;
    text-transform      : none;
}
#header li.li-niv2 a:hover, #header li.li-niv2 a.on {
    background          : none !important;
}
.sf-sub-indicator {
    background          : none !important;
    display             : none !important;
}
/* *********************************************************************************************************************************************************** */
/* --- CONTENT --- */
#fil-ariane {
    width               : 944px;
    position            : relative;
    z-index             : 20;
}
#fil-ariane a, #fil-ariane a:link, #fil-ariane a:visited {
    text-decoration     : none;
    margin-right        : 6px;
    display             : inline-block;
}
#content {
    border-left         : 1px solid #d4d4d5;
    width               : 968px;
    padding-right       : 10px;
    border-right        : 1px solid #d4d4d5;
}
.content-vertical {
    position            : static !important;
    z-index             : 10;
}
.img-catalogue-home, .img-catalogue-home img {
    border              : none;
    margin              : 0;
    padding             : 0;
    float               : left;
}
.img-vertical {
    float               : left;
    margin              : 0 10px 0 1px;
    vertical-align      : middle;
}
.img-vertical img {
    vertical-align      : middle;
}
#bottom_content {
    _margin             : -11px 0 0 0;
    *margin-top         : -11px;
}
/* *********************************************************************************************************************************************************** */
/* --- FOOTER --- */
#footer {
    padding             : 0;
    _margin-top         : -10px;
    *margin-top         : -10px;
    position            : relative;
}
#footer_menu {
    padding-top         : 10px;
    padding-left        : 50px;
    min-height          : 120px;
    height              : auto !important;
}
#footer ul {
    margin              : 0;
    min-height          : 110px;
    position            : absolute;
}
#footer ul li {
    float               : left;
    position            : relative;
    list-style          : none;
    margin              : 0 5px 10px 5px;
}
#footer li.separateur-footer {
    list-style          : none;
}
#footer ul li ul {
    /*position            : absolute;*/
    width               : 100%;
    margin              : 7px 0 0 0;
    _margin             : 25px 0 0 0;
    *margin             : 25px 0 0 0;
    padding             : 0;
    left                : 0;
    /*top:0;*/
}
#footer ul li ul li {
    display             : block;
    _list-style-image   : none;
    *list-style-image   : none;
    margin              : 0 0 3px 10px;
    _float              : none;
    *float              : none;
    width               : 100%;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    padding             : 10px 40px 10px 10px;
    font-size           : 10px;
    text-transform      : uppercase;
    font-weight         : bold;
}
#footer ul li li a, #footer ul li li a:link, #footer ul li li a:visited {
    padding             : 1px 0 5px 0;
    font-size           : 9px;
    height              : 15px !important;
    text-transform      : none;
}
/* *********************************************************************************************************************************************************** */
/* --- COPYRIGHT --- */
#copyright {
    padding             : 5px 0px;
    text-align          : center;
    font-size           : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    text-decoration     : none;
}
#copyright img {
    vertical-align      : middle;
}
/*  FAQ */
div#faq_contenu {
    padding-bottom      : 330px;
}
div.faq_numero {
    clear               : both;
    float               : left;
    width               : 15px;
    height              : 15px;
    text-align          : center;
    cursor              : pointer;
}
div.faq_nom {
    float               : left;
    padding-left        : 10px;
    font-weight         : bold;
    cursor              : pointer;
    font-size           : 16px;
}
div.faq_reponse_conteneur {
    clear               : both;
    padding-left        : 25px;
    padding-top         : 5px;
    padding-bottom      : 5px;
}
div.faq_reponse {
    display             : none;
}
/* *********************************************************************************************************************************************************** */
/* ***************************** catalogue **************** */
/*   partie categorie ** */
div.side-left-cat {
    width               : 602px;
    float               : left;
    position            : relative;
}
div.description-cat {
    padding             : 15px 17px 0 17px;
    width               : 170px;
    float               : left;
}
table.collection-image {
    margin              : 10px 0;
}
div.description-cat img {
  /*  _width               : 150px;*/
}
div.description-cat p {
    text-align          : justify;
}
div.side-right-cat {
    float               : right;
    width               : 295px;
    padding             : 0 35px;
    position            : relative;
}
div.border-slider {
    float               : left;
    border              : none;
    width               : 1px;
}
p#screenshot {
    position                : absolute;
    padding                 : 5px;
    min-height              : 25px;
    width                   : 150px;
    display                 : block;
    z-index                 : 500;
    opacity                 : 0.7;
    -moz-opacity            : 0.7;
    -ms-filter              : "alpha(opacity=70)"; /* IE 8 */
    filter                  : alpha(opacity=70) !important;
}
.description-diaporama {
    position                : absolute;
    top                     : 0;
    width                   : 390px;
    height                  : 19px;
    text-align              : center;
    padding                 : 3px;
    left                    : 204px;
    opacity                 : 0.7;
    -moz-opacity            : 0.7;
    -ms-filter              : "alpha(opacity=70)"; /* IE 8 */
    filter                  : alpha(opacity=70) !important;
    z-index                 : 30;
}
/* partie produit ******** */
div.side-left-prod {
    width               : 615px;
    float               : left;
    _width              : 620px;
    _position           : relative;
}
div.description-prod {
    padding             : 15px 17px 0 17px;
    width               : 185px;
    float               : left;
}
div.side-right-prod {
    float               : right;
    width               : 288px;
    padding             : 0 32px;
    position            : relative;
}
#vignette-courante {
    position            : relative;
}
#vignette-courante a {
    z-index             : 50;
}
/* *** liste produit type categorie ** */
div#liste-produits {
    float               : left;
    width               : 60%;
}
div#left-side-liste_produit {
    width               : 179px;
    float               : left;
    padding             : 20px 0 0 20px;
}
div#left-side-liste_produit h2 {
    font-size           : 13px;
    font-weight         : normal;
    margin-bottom       : 2px;
}
div#left-side-liste_produit h3 {
    font-size           : 11px;
    font-weight         : normal;
    margin-top          : 0;
    text-transform      : none;
}
div#right-side-liste_produit {
    float               : right;
    position            : relative;
    width               : 700px;
    padding             : 10px 0 0 65px;
}
#form_panier {
    width               : 187px;
    height              : 16px;
    padding             : 2px;
    margin-top          : 5px;
}
#submit-panier {
    border              : 0;
    cursor              : pointer;
}
#label_panier_submit {
    cursor              : pointer;
}
#envoi_ami_catalogue {
    width               : 17px;
    height              : 16px;
    display             : inline-block;
}
.facebook_catalogue {
    width               : 16px;
    height              : 16px;
    display             : inline-block;
}
.ajout_coup_coeur_catalogue {
    width               : 16px;
    height              : 16px;
    display             : inline-block;
}
#imprimer_catalogue {
    width               : 16px;
    height              : 16px;
    display             : inline-block;
}

/* *********************************************************************************************************************************************************** */

/* *************** recherche sur les produits *** ***** */
.table-recherche-produit {
    text-align          : center;
    margin              : 0 auto;
}
.table-recherche-produit td {
    width               : 85px;
    height              : 74px;
}
.table-recherche-produit .separateur-recherche {
    width               : 20px;
}
/* *********************************************************************************************************************************************************** */

/* *************** hack fancy box *** ***** */
#fancy_overlay {
    opacity             : 0.3;
    display             : none;
    filter              : alpha(opacity=30) !important;
}
#encart-img #fancy_outer {
    top                 : 0;
    width               : 620px !important;
    height              : 538px !important;
    display             : none;
    z-index             : 99 !important;
}
#fancy_close {
    display             : block !important;
}
#fancy_content {
    width               : auto;
    height              : auto;
}
/* *********************************************************************************************************************************************************** */

/* ***************google map *** ***** */
#top-side {
    margin-bottom       : 10px;
}
h1.bleu {
    margin              : 0 0 0 16px;
    float               : left;
    padding             : 0;
}
#top-side #form-google {
    float               : right;
}
#top-side #form-google .input-text {
    width               : 150px;
}
#select-pays, #select-departement, #select-ville {
    float               : left;
    margin-right        : 20px;
}
#valider {
    float               : right;
    padding-top         : 17px;
}
div#principal-side {
    margin-top          : 15px;
}
div#principal-side #left-side {
    width               : 222px;
    height              : 600px;
    overflow-y          : auto;
    overflow-x          : hidden;
    float               : left;
}
div#principal-side #right-side {
    float               : left;
    width               : 755px;
}
#container_google {
    width               : 755px;
    height              : 600px;
    float               : left;
}
#map {
    width               : 755px;
    height              : 600px;
}
.point-de-vente {
    margin              : 0 0 0 47px;
}
.separateur-distributeur {
    margin              : 10px 0 0 19px;
}
/* *********************************************************************************************************************************************************** */
/*
**  liste de naissance
*/
.content-creation-naissance {
    margin-left         : 380px;
    padding             : 5px 0;
}
.input-text, .input-submit {
    width               : 230px;
}
.input-text-double, .input-submit-double {
    width               : 152px;
}
.pink-background-link {
    font-size           : 12px;
    height              : 20px;
    text-align          : center;
    padding             : 5px 30px;
    margin-top          : 10px;
}
.grey-background-list-naissance {
    width               : 200px;
}
.pink-background-list-naissance {
    width               : 100%;
    padding             : 0 0 0 5px;
}
.encart-deconnection {
    float               : right;
    width               : 120px;
    position            : relative;
}
.encart-deconnection .pink-border-vert {
    position            : absolute;
    height              : 200px;
    top                 : 0;
    width               : 1px;
}
.fleche-colorbox {
    margin              : 12px 0 0 10px;
    *margin             : 0 0 0 10px;
}

/*
******** FAQ ********
*/
div.faq_numero {
    border-right        :  1px solid #000000 ;
    border-bottom       :  1px solid #000000 ;
    color               :  #D90DC1 ;
}

div.faq_nom {
    color               :  #5886BB ;
}


/* **** partie pop up  noel ***/
#framePopUp {
    background-color    : black;
    display             : none;
    height              : 1000px;
    left                : 0;
    position            : absolute;
    top                 : 0;
    width               : 100%;
    z-index             : 999;
}
#inPopUp {
    display             : none;
    left                : 50%;
    position            : absolute;
    top                 : 50%;
    z-index             : 100;
    background-color    : white;
}
#inPopUp .closepopup {
    position            : absolute;
    top                 : 5px;
    right               : 5px;
    color               : #000;
}
html > body #inPopUp {
    position            : fixed;
    z-index             : 1000;
}