/* Import basic styles */
@import url(../../rsc/css/basic.css);
/* Import standard image styles */
@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 */          /*B E T A*/
html  {     background-image: url('img/htm.gif');     background-position: bottom left;    background-repeat: no-repeat;    }
body {     width: 100%;
         padding:0px;      margin : 0px;     color: #660000;    background:transparent;
             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 left;  background-repeat: no-repeat;
    width : 495px; 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: 0 0 15px 0;
    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/crochet2.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;}
#footer a {
color: #F4D1C9;
text-decoration: none;
}

#footer a:hover {
border-bottom: 1px dotted #F4D1C9;
}

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;  }

#bouton {  float :right;
    background-image: url('img/fondmenu.gif'); background-position: top center;  background-repeat: no-repeat;
    width : 485px; height: 200px;
    padding : 0;  margin : 0;  border :0;  }

#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;   }



/* 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/ */
#avmenu {  font-size: 0.9em; padding-left:5px;   }

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

#avmenu li,   #avmenu ul li  {   list-style-type: none;  font-weight:normal;  border:0; margin-left:5px;}
#avmenu ul li  {  border:1px solid #fde1e0;}
#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: 150px ;  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 p {
margin: 0 0 1.5em 0;
}

#extras ul, .announce ul {
  margin: 0;
  padding: 0;
}

#extras li, .announce li {
  margin: 0;
  padding-left: 5px;
  list-style-type: none;
}

.bSideItem {
  margin-bottom: 10px;
}
.bSideItem h3 {
  margin-top: 5px;
}

.bSideItem h4 {
  margin: 0;
}
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;
   }
/*recent comments widget */
div.bSideItem widget_core_coll_comment_list ul li{
    background: url(img/mini-recent-comments.gif) no-repeat  !important;
    padding-left: 20px !important;
}
/* POSTS */

#content {
margin : 0 0 0 0;
padding: 0 10px 10px 10px;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
span.expandcontent {margin:-5px;}

h1 {
color: #660000;
}
h3 {
font-size: 1.3em;
margin: 0 0 10px 0
color: #660000;
}
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 0; clear: both;}
#content a { text-decoration: none;color: FireBrick;}
#content a:hover {  color: #F0BDB2;}
a img {  border: 0; }



.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
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 2px 0px;
  padding: 3px 0px 0px  0px;
  font-size: 80%;
  text-align:right;
  background: transparent;
               }

.bSmallPrint, div.bCommentSmallPrint {
  border: 0;
  margin-bottom: 15px;
  font-size: 80%;
  clear: right;
          background:url('img/gens.gif');
          background-position : bottom center;
          background-repeat : no-repeat;
          padding: 4px 4px 85px 4px;
}
 /* 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 61px 2px;
    margin: 5px 0 3px 0;
    height: auto;}
#extras div.bSideItem h3, #realtagcloud h3 { text-align: center;
    padding-top: 10px;
    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;  }

p.bMore a {
  font-size: 90%;
  font-weight: normal;
}
div.bCommentSmallPrint {
  clear: none;
}


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


/*
------------------
-----FORMULAITRES-
-----------------*/
form.bComment fieldset div.label  {
  display: none; visibility: hidden;
  width: 0px;
  overflow:hidden;
  font-size:0%;
  color: White;     }

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 0px 0px 0px;
  margin : 2px 0 2px 0;
 }
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 0px 0px 0px;
            }
form.search:active  {
  background:url('img/rechercher-active.gif');
  background-repeat : no-repeat;
  padding: 0px 0px 0px 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 */
img.bottom {vertical-align:text-bottom}
a img {
border: 0;
}
#content div.bText img.photo
{
    align: left;
    hspace:2px;
    vspace: 2px;}
#content img .sanscadre {
  border: 0px;
  background: transparent white;
}

#content a img.minithumbnail {
padding: 0px;
margin : 1px 0 1px 0;
display:inline;
background: #F9E5E0;  /* un rose très pâle*/
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;
}

/* ----------------------------
DATE pour le blog bienvenue -
credit : Theme Name: GlossyBlue
Theme URI: http://www.ndesign-studio.com
Description: glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com
---------------------------------
.post-date {
    width: 45px;
    height: 49px;
    float:left;
    background: url(img/date-bg.gif) no-repeat;
}
.post-month {
    font-size: 11px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    display:block;
    line-height: 11px;
    padding-top: 2px;
    margin-left: -3px;
}
.post-day {
    font-size: 18px;
    text-transform: uppercase;
    color: #999999;
    text-align: center;
    display:block;
    line-height: 18px;
    padding-top: 7px;
    margin-left: -3px;
}

 -----------------------------------------*/

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







/* 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   */