/* Import basic styles */
@import url(../../rsc/css/basic.css);
/* Import standard image styles */                              /* ALPHA */
@import url(../../rsc/css/img.css);
/* Import standard blog elements styles */
@import url(../../rsc/css/blog_elements.css);
/* Import default form styles */
@import url(../../rsc/css/forms.css);
/* Import default comment styles */
@import url(../../rsc/css/comments.css);

/* styles for andreas_01 skin - modified by pyo */

html {background-image:url('img/htm.gif'); background-repeat: no-repeat; background-position: bottom left;}
body {  width: 100%;
    padding: 0px; margin : 0px;
    color: #660000; font:85% Verdana,Tahoma,Arial,sans-serif;  }
div#centreur{
width:1000px;
margin:0 auto;
}
#top {  width: 1000px; height:250px; }
#menuhaut {   border:0px; padding:0px;  margin : 0px; list-style-type: none; }
#header {
    padding-top:20px; margin : 0px;
    background-image: url('img/fondhaut.gif'); background-position: center left; background-repeat: no-repeat;
    width:1000px;     height: 185px;    }
#bouton {  float :right;
    background-image: url('img/fondmenu.gif'); background-position: top center;  background-repeat: no-repeat;
    width : 485px; height: 200px;
    padding : 0px 0px 0px 0px ;  margin : 0px 0px 0px 0px;  border :0px;  }
#main  {
    vertical-align: top;
    width: 1000px;
    height: auto;
    padding:0px;
    margin: 0 0 15px 0; }
#gauche {   border:0px;
    margin: 2px 0px 2px 0px;  padding:0px;
    width: 220px;
    float: left;   }
#centre {    border:0px;
    padding:0px;
    margin : 0px;
    width: 500px; float: left;  }
#content {
         margin : 0px; padding: 0 5px 1px 5px;
         line-height: 1.6em;
         text-align: left;}
#crochet {
    padding:0px; margin-top :150px;
    width: 50px; height: 600px; float:right;
    background:transparent url('img/crochet0.gif') no-repeat bottom;}
#extremedroite {
    padding:0px;
    margin : 0px;
    width: 270px; height: auto;
    float: right;       }
#droite {   border:0px;
    padding:0px;
    margin : 0px;
    width: 220px;
    float: right;       }
#footer {
        margin:  5px 0 5px 0px ; padding: 5px 0 5px 0px ;
        border: 0   ;
        width: 1000px; height: auto;  clear: both;
        text-align: center; font-size: 0.9em;  color: #F4D1C9;  }
#footer a {
        color: #F4D1C9;
        text-decoration: none; }
#footer a:hover {
        border-bottom: 1px dotted #F4D1C9;}
#boutonh a.boutonh,
#boutonf a.boutonf,
#boutone a.boutone,
#boutonu a.boutonu,
#boutonp  a    {
    text-decoration:none;
    *background-color : transparent;
    border:none;
    background-repeat : no-repeat;
    padding : 100px 100px 0px 0px ;
    margin-left :11px;
    position:inherit;
    top : 5px;
    right : 0px;   }

#boutonh a:link
    {
    background-image:url('img/menuhomme.gif'); }
#boutonf a:link
    {
    background-image:url('img/menufemme.gif');    }
#boutone a:link
    {
    background-image:url('img/menuenfant.gif');    }
#boutonu  a:link
    {
    background-image:url('img/menuunisex.gif');    }
#boutonp a:link
    {
    background-image:url('img/menuplage.gif');    }
#boutonh a:visited
    {
    background-image:url('img/menuhomme.gif');    }
#boutonf a:visited
    {
    background-image:url('img/menufemme.gif');    }
#boutone a:visited
    {
    background-image:url('img/menuenfant.gif');    }
#boutonu  a:visited
    {
    background-image:url('img/menuunisex.gif');    }
#boutonp a:visited
    {
    background-image:url('img/menuplage.gif');    }
#boutonh a:hover
    {
    background-image:url('img/menuhomme.gif');    /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
#boutonf a:hover
    {
    background-image:url('img/menufemme.gif');    /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
#boutone a:hover
    {
    background-image:url('img/menuenfant.gif');   /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
#boutonu  a:hover
    {
    background-image:url('img/menuunisex.gif');  /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
#boutonp a:hover
    {
    background-image:url('img/menuplage.gif'); /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
#boutonh a:active
    {
    background-image:url('img/menuhomme.gif');   /* for IE */ filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.2; }
#boutonf a:active
    {
    background-image:url('img/menufemme.gif'); /* for IE */ filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.2;}
#boutone a:active
    {
    background-image:url('img/menuenfant.gif');  /* for IE */ filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.2; }
#boutonu  a:active
    {
    background-image:url('img/menuunisex.gif');  /* for IE */ filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.2; }
#boutonp a:active
    {
    background-image:url('img/menuplage.gif');  /* for IE */ filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.2;   }


div.bSideItem widget_core_coll_longdesc a:link img {/* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1;  }
div.bSideItem widget_core_coll_longdesc a:hover img {/* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;  }


/* menu en haut à droite*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

div.widget_core_colls_list_public{
height: 33px;float: right;  margin: 0px; padding: 0px; font: 90% Verdana,Tahoma,Arial,sans-serif;}
div.widget_core_colls_list_public ul
 { width : auto;padding:0px;   margin: 0px;   }

div.widget_core_colls_list_public ul li  {
  display: inline; text-align:center; height: 20px; margin-right: 2px; padding:10px 0px 10px 0px;}
div.widget_core_colls_list_public ul li.selected a {
 padding: 5px; line height: 10px;
        border-top: 8px solid #F9BBBB;
        border-bottom: 5px solid #F9B2B2;
        background-color: #F9A7A7;
        color: #fff;  }
div.widget_core_colls_list_public ul li a {line height: 10px;
        padding: 5px;
        border-top: 8px solid #FDF6F4;  border-bottom: 5px solid #FFFFFF; background-color: #FEFBFA;
        color: #BF4848;/*vieux rose*/
}
div.widget_core_colls_list_public ul li a:hover, div.widget_core_colls_list_public a:hover.selected{
        border-top: 8px solid #F9E9E9;
        border-bottom: 5px solid #F9DEDE;
        background-color: #FCD3D3; }
div.widget_core_colls_list_public ul li a:hover    {
     color: #fff;            }
div.widget_core_colls_list_public a:hover.selected {
   color:#000}
div.widget_core_colls_list_public a:active     {
    color: #FFFFFF; /*blanc*/            }

/*Credits: "CSS Design: Taming Lists" by Mark Newhouse */
/*URL: http://www.alistapart.com/articles/taminglists/ */
/*credit gradient effect : http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ */

/* BARRE DE GAUCHE */

#avmenu { list-style-type: none;  font-size: 0.9em;   padding-left:5px;  }

div.widget_plugin_countdown   {margin-left:5px;}

#avmenu li,   #avmenu ul li  {   list-style-type: none;  font-weight:normal;  border:0;  margin-left:5px;}
#avmenu .bSideItem li.selected,
#avmenu .bSideItem li ul li  .selected,
#avmenu .bSideItem li ul li ul li .selected,
#avmenu .bSideItem li ul li ul li ul li .selected  {   text-transform: uppercase;  letter-spacing: 2px;}
#avmenu .bSideItem ul {  list-style-type: none;  padding: 0px;  margin: 0px;  font-size: 1.1em;   }
#avmenu .bSideItem li {  margin-bottom: 6px; width: 170px ;  font-size: 100%; text-align: left;
                         border-bottom: 1px solid #fde1e0;}
#avmenu .bSideItem li ul li{ margin: 0px; font-size: 95%;  text-indent: 15px;
                         border-top: 1px solid #fde1e0; border-bottom: 0px; border-right:1px solid #fde1e0; }
#avmenu .bSideItem li ul li ul li{   margin: 0px; font-size: 92%; text-indent: 30px;
                         border-bottom: 0px; border-right: 0px;}
#avmenu .bSideItem li ul li ul li ul li {  margin: 0px;  font-size: 90%;  text-indent: 45px;}
#avmenu .bSideItem li a {
        width: auto; text-decoration: none; display: block;
        padding: 5px 0px 5px 0.5em;
        border-left: 8px solid #FDF6F4;  border-right: 8px solid #FFFFFF; background-color: #FEFBFA;
        color: #BF4848;/*vieux rose*/      }
#avmenu .bSideItem li a:hover {
        border-left: 8px solid #F8E6E3; border-right: 8px solid #FDF6F4; background-color: #FBEBE8;
        color: #480202;   }
#avmenu .bSideItem li a:active {
        border-left: snow; border-right: snow; background-color: white;
        color: maroon;    }
#avmenu .bSideItem.widget_core_coll_xml_feeds ul li a {
  display: block; border: 0px; background: transparent; }

.announce {
          margin: 10px 0 10px 0px;padding: 10px; color: #505050; line-height: 1.3em;
          width: 130px;
          background-color: #f4f4f4; }

 /* BARRE DE DROITE */
#extras {
        margin : 0px; padding: 0 5px 0px 0px;
        font-size: 0.9em; line-height: 1.5em;}

#extras div.bSideItem, #realtagcloud{    background:url('img/divbottom.gif');
    background-position : bottom; background-repeat : no-repeat;      
    border-top: 1px solid #FCD8D8;
    padding: 1px 2px 50px 2px;
    margin: 5px 0 3px 0;
    height: auto;}
#extras div.bSideItem h3, #realtagcloud h3 { text-align: center;
    padding-top: 5px;
    padding-left: 2px;
    border-bottom: 1px solid #FCD8D8;}
#realtagcloud{text-align: center;}
#extras p {
        margin: 0 0 1.5em 0px;  }
#extras ul, .announce ul {
        margin: 0px;    padding: 0px;  }
#extras li, .announce li {
        margin: 0px; padding-left: 5px;
        list-style-type: none;  }
.bSideItem {
  margin-bottom: 10px; }
.bSideItem h3 {
  margin-top: 5px; font-weight:normal;}
.bSideItem h4 {
  margin: 0px;  }
#realtagcloud,   span.realtagcloud  {color: #BF4848;}
p.tag_cloud { width : 250px;}
p.tag_cloud a {  text-decoration: none;    }
p.tag_cloud a:link  { color: #F9E5E0;    }
p.tag_cloud a:hover {color: #BF4848;   }
p.tag_cloud a:active{color:#F4D1C9;   }


/* message type en boutique */
div.descriptif
{         background-image:url('img/etiquette.gif');
          background-position : bottom right;
          background-repeat : no-repeat;
          height : 140px;
          width : 100%;
  margin:0px;    padding: 0 1px 5px 0px;
  font-size: 80%;
  text-align: right; }
div.fichetech
{  font-size: 80%; text-align:center; color: #BF4848;/*vieux rose*/
     }
span.titre
{ color: #480202;text-transform : uppercase;    }
span.expandcontent {margin:-5px;}
/* POSTS */


#content h2 {
         font-size:: 1.5em;
         margin: 0 0 0.5em 0px; }
h1 {
   color: #660000;  }
h3 {
  font-size: 1.3em; color: #660000;
   margin: 0 0 10px 0    }
h3.bTitle, h3.glossy, h4.glossy {
  position: relative;
  color: #BF4848;
  padding:0px; }
h3.bTitle a {
  color: #BF4848;}
h3.bTitle a :hover {
  color: #770404;   }
div.bPost h3 span, h3.glossy span,  h4.glossy span {
  position: absolute;
  display: block;
  background-image: url('img/gradient-white.png'); background-repeat: repeat-x;
  width: 70%; height: 10px;  }
div.prevnext_post  {margin : 2px 0 2px 0px; clear: both;}
#content a {
         text-decoration: none;
         color: FireBrick; }
#content a:hover {
  color: #F0BDB2; }

/* diverses mises en forme texte */

.left {   margin: 10px 10px 3px 0px; float: left;   }
div.left { margin: 10px 10px 5px 0px; float: left; display:block; }
.right { font-size: 100%; font-family:"arial narrow";   font-weight: normal;
         margin: 10px 0 5px 10px; float: right;  }
.textright { text-align: right; }
.center { text-align: center;}
.small { font-size: 0.8em;  }
.bold { font-weight: bold; }
.hide { display: none;   }


#tags a {
  font-size: 90%;
  font-weight: normal;
  font-style: oblique;
}
div.etiquette {
  border-top: 1px solid #FCD8D8 ;
  margin: 0px 0px 5px 0px;
  padding: 3px 0px 0px  0px;
  font-size: 80%;
  text-align:right;
  background: transparent;   }

.bSmallPrint, div.bCommentSmallPrint {
  border-top: 1px solid mistyrose;
  margin-bottom: 15px;
  font-size: 80%;
  clear: right;
  padding: 2px 0px 10px 0px; }
div.bCommentSmallPrint {
  border: 0px;
          background:url('img/gens.gif');
          background-position : bottom center;
          background-repeat : no-repeat;
          padding: 4px 4px 85px 4px;    }
span.bMore a {
  font-size: 100%; font-family:"arial narrow";   font-weight: normal;  float: right;  }
span.hidedivision a {
  font-size: 100%; font-family:"arial narrow";   font-weight: normal;  float: right;}
span.hidedivision a:hover {
  color: #F9E5E0;  }
div.bCommentSmallPrint {
  clear: none;   }


div.bComment, form.bComment {       border: none;}
#comment_preview { background-color: #FFF;  border: 3px solid #F9E5E0;}

/*
------------------
-----FORMULAITRES-
-----------------*/

div.label  {
  width: 50px;
  font-size:80%;
  color: mistyrose;
  font-family: "arial";
  font-weight: normal;
  letter-spacing: 3px;   }

form.bComment fieldset div.label  {   display: none; visibility: hidden; }
form.bComment fieldset div.info, form.bComment{margin : 0px; padding:0px; padding-right: 40px;}
div .info strong  {display: none; visibility: hidden;}
form.bComment fieldset.input, input.bComment {    width: 330px;        height : 35px;
                                                 background-colour: white;
                                                 border: 1px solid mistyrose; }

input#u.bComment,input#d.bComment{       width: 330px;
    background-image:url('img/votrenom.gif');
    background-position: bottom right;
    background-repeat: no-repeat;   }

input#i.bComment, input#f.bComment{       width: 330px;
    background-image:url('img/votreemail.gif');
    background-position: bottom right;
    background-repeat: no-repeat;}

input#o.bComment {        width: 330px;
    background-image:url('img/votrepageweb.gif');
    background-position: bottom right;
    background-repeat: no-repeat;  }    

input#answer_turing_test{
    width: 330px;
    background-image:url('img/votrereponse.gif');
    background-repeat: no-repeat;
    background-position: bottom right;}

#commentform textarea,  .bComment textarea, #h textarea.bComment form_textarea_input {
    width: 330px;
    background-image:url('img/votrecommentaire.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 0px;
    margin-top: 1px;   }
fieldset div.input textarea {
        border: 1px solid mistyrose;
        width: 330px;               }

#commentform textarea:focus,.bComment textarea:focus, #h textarea.bComment form_textarea_input:focus,
input#answer_turing_test:focus, input#o.bComment:focus, input#i.bComment:focus, input#f.bComment:focus,
.bComment textarea:focus, .bComment input[type="text"]:focus, input#u.bComment:focus,input#d.bComment:focus {
    background-image: none; background: #ffffff;}



/* boutons */

#commentform #submit, .bComment .submit, .bComment .preview{
    font-size:0px ; color: white;  border: none; overflow:hidden; cursor: pointer;
    float:right;
    width: 80px;       height: 50px;  padding-top: 40px; margin-right : 2px;
    }
#commentform #submit, .bComment .submit {
    background: url(img/envoi.gif) no-repeat; }
#commentform #submit:hover, .bComment .submit:hover {
    background: url(img/envoi-survol.gif) no-repeat; }
.bComment .preview {
    background: url(img/apercu.gif) no-repeat; }
.bComment .preview:hover {
    background: url(img/apercu-survol.gif) no-repeat; }

div.widget_core_coll_search_form  h3.glossy
              {font-size: 0px;
              visibility: hidden;
              }
div.widget_core_coll_search_form {margin-bottom: 5px; }
.SearchField {
  border: 1px solid #888;
}
form.search
    {  border: 0px;
  background:url('img/rechercher.gif');
  background-position : top;
  background-repeat : no-repeat;
  height: 50px;
  width : 215px;
  padding: 0px;
  margin : 2px 0 2px 0px;
 }
input.SearchField ,#searchform .SearchField,
.search .SearchField {
   border: 0px;
   background-color: transparent;
     text-indent: 40px;
     vertical-align: middle;
}
form.search:hover  {
  background:url('img/rechercher-active.gif');
  background-repeat : no-repeat;
                  }
form.search:focus  {
  background:url('img/rechercher.gif');
  background-repeat : no-repeat;
  padding: 0px;
            }
form.search:active  {
  background:url('img/rechercher-active.gif');
  background-repeat : no-repeat;
  padding: 0px;
            }
/* search form button - to specify button only use input[type="submit"] */
form.search input[type=submit].submit,
#searchform input [type=submit],
.search input[type=submit].submit,
.widget_core_coll_search_form input.search {
 visibility: hidden;
  display:none;     float:right;
    background-color: transparent; border: none;
    background: url(img/fouille.gif) no-repeat;
    width: 80px;       height: 50px;        font-size: 0px;
    color: white ;  overflow: hidden;   text-indent: 85px; /* move the 'Search' text on the button to the right */
    margin:6px 0px 6px 0px; padding-top: 55px;
                    }
input.submit,
{       margin:6px 0px 5px 50px; padding-top: 55px;
        background-color: transparent; border: none; cursor: pointer;
        width: 80px; height: 50px;
        color:transparent;  font-size: 0px;  overflow: hidden; text-indent: 80px; /* move the 'Search' text on the button to the right */

        background-image: url(img/fouille.gif);
        background-repeat: no-repeat;}

input.submit:hover,
{
        background-image: url(img/fouille-survol.gif);
        background-repeat: no-repeat;
}
form.search  input[type=submit].submit:hover
{        background: url(img/fouille-survol.gif) no-repeat;                }














/* IMAGES ET CADRES */


/* coin droit corné */
.box {
     background-color:snow;
     background-image: url('img/coin20.gif');
     background-repeat:  no-repeat;
     background-position: bottom right;
     padding:5px 5px 5px 5px;
     margin: 2px}


a img {
border: 0px;
}
.left img{    /* images survolées */
margin: 1px 3px 1px 0px;
display:block;  }

.thumbnail img{
margin: 1px 2px 2px 1px;
border: 4px solid #F9E5E0;
display:block;}

#content div.bText img.photo
{    hspace:2px;
    vspace: 2px;}
#content img .sanscadre {
  border: 0px;
  background: transparent white;
}

#content a img.minithumbnail{
padding: 0px;
margin : 1px 0 1px 0px;
background: transparent;
border-top: 4px solid #F9E5E0;  /* un rose très pâle*/
border-right: 4px solid #F9E5E0;  /* un rose très pâle*/
border-bottom: 4px solid #F4D1C9; /* un vieux rose très pâle*/
border-left: 4px solid #F4D1C9; /* un vieux rose très pâle*/
}

#content a:hover img.minithumbnail {
padding: 0px;
display:inline;
background: transparent;
border-top:  4px solid  #FBEEEB;   /* un blanc rosé*/
border-right: 4px solid #FBEEEB;   /* un blanc rosé*/
border-bottom: 4px solid #F9E5E0;  /* un rose très pâle*/
border-left:  4px solid #F9E5E0;  /* un rose très pâle*/
}

#content .bSmallPrint a img, #content .bComment a img {
  background: none;
  border: none;
}
#content .bSmallPrint a:hover img, #content .bComment a:hover img {
  background: none;
  border: none;
}
#content .bSmallPrint img, #content .bComment img {
  background: none;
  border: none;
}

 /* ---------- randomimage frame , see also :    http://www.webdesignerwall.com/demo/decorative-gallery/5b_gallery-gold-frame.html
----------------------- */
div#randomimage{
  margin: 0px;
  padding: 0 ;
  width: 219px;
  height: 263px;
  background: url(img/cadre.jpg) no-repeat top center;     }

#randomimage a, #randomimage a:hover {
             text-decoration: none;   }
#randomimage a img.randomimage {
                position:relative;
                    top: 30px;
                 padding: 0px;
               border:1px solid #8E6E61;
                 width: 155px;  }
#randomimage a img.randomimage :hover {
               border:1px solid #F4D1C9;  }  /*vieux rose très pâle*/

a        {
         text-decoration: none;
         color: #BF4848;
                 }
a:link           {
           text-decoration: none;
           color: #BF4848;
             }
a:hover {
  color: #F9E5E0;
         }
a:active{
    color:#F4D1C9;
   }
a img {
border: 0px;
}

/* minigalery de la boutique
images sous cadre
Credits: http://www.webdesignerwall.com/
---------- gallery styles start here ----------------------- */
.gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}
.gallery ul{ margin: 5px 0 5px 0;    }
.gallery li {
    margin: 0 0 5px 0;
    padding: 0;
    float: left;
    position: relative;
    width: 155px;
    height: 190px;
    background: transparent;
}

.gallery a {
    text-decoration: none;
    color: #999;
}
.gallery a:hover {
    color: #000;
    text-decoration: underline;
}
.gallery img {
    width: 78px;
    border: none;
    padding: 35px 0 0 46px;
}
.gallery em {
    width: 155px;
    height: 25px;
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    background: url(img/minicadre.png) no-repeat;
    text-align: center;
    font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
    padding-top: 170px;  }

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* COULEURS MEMO
#FBEEEB;   un blanc rosé
 #F9E5E0;  un rose très pâle
#F4D1C9;  un vieux rose très pâle
 #BF4848; bordeau
 #660000; marron   */